跳到主要内容

渲染原理

React的渲染过程​

可以分为 Scheduler、Reconciliation、Commit 这三个阶段

  • Scheduer 【调度阶段】: 决定什么时候调度 Reconciler,用于决定何时去执行
  • Reconciliation【调和阶段】 : 进行diff算法,拿到新旧DOM节点的差异值,负责找出变化的组件
  • Renderer 【渲染阶段】:将Reconciliation计算的结果,得到这部分差异, 然后更新到视图
  • commit 阶段就是对调和阶段的更新进行提交,commit 阶段是同步执行,不可被中断