react diff 原理

react diff 原理

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐