落后小天鹅

文章
3
资源
0
加入时间
2年10月24天

Real diff算法是怎么运作的?

React 采用的是虚拟 DOM (即 VDOM ),每次属性 (props) 和状态 (state) 发生变化的时候,render 函数返回不同的元素树,React 会检测当前返回的元素树和上次渲染的元素树之前的差异,然后针对差异的地方进行更新操作,最后渲染为真实 DOM,这就是整个 Reconciliation 过程,其核心就是进行新旧 DOM 树对比的 diff 算法。当根节点为不同类型的元素时,React 会拆卸原有的树并且建立起新的树。方法,会创建一棵由 React 元素组成的树。