react的setState是同步还是异步,什么时候是同步,什么时候是异步?


1.在回答这个问题之前,我们先来做一个假设;
如果setState是同步的,意味着每执行一次setState就会进行vnode diff+dom修改,
如果是异步,就可以把一个同步代码中的多个setState合并成一次组件更新;

2.setState什么时候是同步?
在setTimeOut或者原生事件中,setState是同步的

3.setState什么时候是异步?
在React自定义事件中是异步

4.setState之后发生了什么?
在代码中setState之后,React会将传入的参数对象与组件当前状态合并,触发所谓的调和过程(Reconciliation);
经过调和过程,React会以相对高效的方式根据新的状态构建React元素树并着手渲染ui界面;
在React得到新的元素树之后,会自动计算出新老树之间的结构差异,然后根据差异对界面进行最小化重渲染;
在差异算法中,React能够相对精确的计算出哪些位置发生了改变,做到按需加载而不用重新渲染整个界面


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM