React 学习:setState 源码浅析

更多腾讯海量技术文章,请关注云加社区:https://cloud.tencent.com/developer

作者:王少飞

先看下官网的一个demo。

定时更新当前元素,

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

首先是reactComponent的setState方法,

将新的状态放到队列中 ,

新的状态是立即更新还是后面render更新(这个例子是在batchedUpdate中更新的情况),

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

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

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180108A0GSBX00?refer=cp_1026

同媒体快讯

相关快讯

扫码关注云+社区