前端成长之路（一）react中setState需要注意的几点及嵌套state的更新

一直没有对setState有什么很深入的了解，最近阅读了一些文章，深感setState的运用并不简单
setState的使用不当，很有可能会导致一些莫名其妙的bug
首先是setState的更新机制：setState是通过队列机制实现state更新的。 执行setState时，将需要更新的state合并后放入状态队列，而不会立刻更新state，队列机制可以批量更新state。

在React的生命周期和合成事件执行前后都有相应的钩子，分别是pre钩子和post钩子，pre钩子会调用batchedUpdate方法将isBatchingUpdates变量置为true，开启批量更新，而post钩子会将isBatchingUpdates置为false

一.setState并不保证同步执行
调用setState后，并不会直接改变state的值，而是会产生一个即将处理的state改变。在调用setState之后立即查看，有可能值并没有改变。所以，setState并没有办法保持同步，react可能会因为追求性能而进行批量处理

感觉这么说更准确吧：setState是同步执行的，但是state并不一定会同步更新

二.setState如何让他同步更新
1.添加回调函数
2.在setTimeout、setInterval、Promise、原生事件（JavaScript原生addEventListener直接添加的事件处理函数等）等异步操作中，同步执行

setStateAsync(state) {
return new Promise((resolve) => {
this.setState(state, resolve)
})