React setState

2024/10/24 7:24:23 来源：https://blog.csdn.net/weixin_47808575/article/details/140290939 浏览: 次关键词：React setState

设想setState是同步的，那也就是每次调用setState都要进行新旧虚拟DOM的对比，然后将差异化的dom更新到页面上，性能损耗很大

所以react把setState设置为了异步，当状态更新时不能立即拿到更新后的状态，而是批量进行更新

首先上图

上图就是setState执行后的react所做的事情

1、enqueueSetState 方法将传入的状态放到组件的状态队列里面

2、enqueueUpdate 来处理将要更新的实例对象

3、enqueueUpdate在处理组件实例时，会先判读啊batchingStrategy对象中isBatchingUpdates是true还是false

4、如果是true，说明组件正在批量更新，任何需要更新的组件需要进入dirtyComponents队列进行等待

5、如果是false，就正常进行批量更新

本网仅为发布的内容提供存储空间，不对发表、转载的内容提供任何形式的保证。凡本网注明“来源：XXX网络”的作品，均转载自其它媒体，著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处。

我们尊重并感谢每一位作者，均已注明文章来源和作者。如因作品内容、版权或其它问题，请及时与我们联系，联系邮箱：809451989@qq.com，投稿邮箱：809451989@qq.com

热文排行