为什么不能直接使用 this.state 改变数据？

参考答案

react中不能直接修改state，因为并不会重新触发render。

以如下方式更新状态，组件不会重新渲染。

//Wrong
This.state.message =”Hello world”;

而是需要使用setState()方法，状态改变时，组件通过重新渲染做出响应。

//Correct
This.setState({message: ‘Hello World’});

setState通过一个队列机制来实现 state 更新。当执行 setState 的时候，会将需要更新的 state 合并后放入状态队列，而不会立刻更新 this.state。队列机制可以高效的批量更新 state，如果不通过 setState 而直接修改 this.state，那么该 state 将不会被放入状态队列中，当下次调用 setState 并对状态队列进行合并时，将会忽略之前被直接修改的 state，而造成无法预知的错误。