react js setState очередь

Компонент А получат с сервера сообщение и записывает его в 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
           });
    }