React 的 setState 立刻更新

我们会发现其实 React 的 setState 方法是一个异步的方法，React 会将所有的 setState 方法打包成一次进行更新，类似于快递点寄快递，囤积了一些包裹后一次投递，而不是你每次修改 state 都会进行更新。
这样的设计主要是为了提高 UI 更新的性能，我们知道 React 中 state 的改变会导致 UI 的更新。
如果需要进行同步操作逻辑，那么在回调函数里添加逻辑即可。

{% codeblock lang:js%}

handleClick = () => {
this.setState({
clicked: true
}, () => console.log(this.state.clicked)) //这时候输出的是 true
}

{% endcodeblock %}

 

参考：https://www.cnblogs.com/libin-1/p/6298326.html