React 学习：setState 源码浅析

原创

腾讯IVWEB团队

修改于 2017-06-30 18:05:02

1.1K0

修改于 2017-06-30 18:05:02

文章被收录于专栏：腾讯IVWEB团队的专栏

作者：王少飞

先看下官网的一个demo。

定时更新当前元素，

拿这个例子分析下setState的实现原理：

首先是reactComponent的setState方法，

将新的状态放到队列中，

新的状态是立即更新还是后面render更新（这个例子是在batchedUpdate中更新的情况），

这里采用事务处理为了可以执行用户绑定的生命周期的方法，要更新的状态最终放到dirtyComponents中，

最终dirtyComponents中的数据经过diff后渲染到页面。

原文链接：http://ivweb.io/topic/5779552bf525c4613e8b4021

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度