为什么不能直接使用 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,而造成无法预知的错误。