Компонент А получат с сервера сообщение и записывает его в newMessage . компонент В следит за newMessage и при обновлении вставляет его в массив и рендерит. Но если сообщения приходят быстро, то newMessage перезаписывается до того как обновится страница.
Пример:
for (let i = 0; i < 5; ++i) {//предположим что это сервер присылает сообщения
this.setState({
newMessage:i
});
}
Ожидаемый результат: 0 1 2 3 4.
На самом деле: 4.
Можно их как то поставить в очередь(средствами react)???
UPDATE
COMPONENT A
//msg {id:'...', content:'...', date:'...', ...}
reciveMessage(msg){//<-- сюда сервер присылает сообщение.
this.setState({
newMessage:msg
});
}
COMPONENT B
//Компонент должен увидеть что **newMessage** изменилось и добавить его в список.
componentWillReceiveProps(nextProps) {
let list = this.state.MyMessagesList.slice();
list.push(nextProps.newMessage);
this.setState({
MyMessagesList:list
});
}