Почему в консоли не видно обновлённый state?

Question

[semki096]

Почему console.log внутри componentDidMoun выдает обновлённые данные, а console.log в конце - выдаёт 122? Я не понимаю почему она выдает старые не обновлённые данные, ведь она по событию .onmessage запускается каждые 2 секунды. Буду благодарен за помощь.

constructor(props) {
	super(props);
	this.state = { messages: [122] };
};

componentDidMount() {
	this.connection = new WebSocket('ws://reactchart:8080');
	this.connection.onmessage = responce => { 
		this.setState({
			messages : responce.data
		});
		console.log(this.state.messages);
};
this.connection.onmessage = responce => console.log(this.state.messages);
....

Answer 1

[real2210]

setState асинхронный метод, используйте колбек что бы после того как состояние изменится иметь актуальные данные

this.setState({
      messages : responce.data
    }, () =>  console.log(this.state.messages));
  ;