Есть компонент MessageInput, в котором есть кнопка Send. При нажатии кнопки, в store (redux) передается другой компонент (OwnMessage) в компонент так же передаются пропсы. Кнопка Send:
const sendMessage = ()=>{
const time = new Date();
let hours = time.getHours();
let minutes = time.getMinutes();
const msgTime = `${hours}:${minutes}`;
let text = document.querySelector('.message-input-text');
const message = <OwnMessage text={text.value} time={msgTime} date={Date.now()}/>
dispatch(addMessageAction({message,msgTime}));
text.value = '';
}
Компонент OwnMessage сохраняется в store:
Пытался поменять значение так:
return {...state, messages: state.messages[i].props.text = 'asd'}
Как я могу изменить значение text, которое передается через props?