react diff 原理


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM