react diff 原理
- 把树形结构按照层级分解,只比较同级元素。
- 给列表结构的每个单元添加唯一的
key
属性,方便比较。 React
只会匹配相同class
的component
(这里面的 class 指的是组件的名字) • 合并操作,调用component
的setstate
方法的时候,React
将其标记为dirty
到每一个事件循环结束,React
检查所有标记dirty
的component
重新绘制- 选择性子树渲染。开发人员可以重写
shouldComponentUpdate
提高diff
的性 能。