setState 何时同步何时异步?
点击查看代码
1、setState 只在合成事件(react 为了解决跨平台,兼容性问题,自己封装了一套事件机制,
代理了原生的事件,像在 jsx 中常见的 onClick、onChange 这些都是合成事件)和钩子函数(生命
周期)中是“异步”的,在原生事件和 setTimeout 中都是同步的
2、setState 的“异步”并不是说内部由异步代码实现,其实本身执行的过程和代码都是同步的,
只是合成事件和钩子函数的调用顺序在更新之前,导致在合成事件和钩子函数中没法立马拿到更
新后的值,形式了所谓的“异步”,当然可以通过第二个参数 setState(partialState,callback)中的
callback 拿到更新后的结果
3、setState 的批量更新优化也是建立在“异步”(合成事件、钩子函数)之上的,在原生事件
和 setTimeout 中不会批量更新,在“异步”中如果对同一个值进行多次 setState,setState 的批量更
新策略会对其进行覆盖,取最后一次的执行,如果是同时 setState 多个不同的值,在更新时会对
其进行合并批量更新