开发者社区> 问答> 正文

react diff 原理(常考,大厂必考)

react diff 原理(常考,大厂必考)

展开
收起
问问小秘 2019-11-22 14:05:49 613 0
1 条回答
写回答
取消 提交回答
  • 把树形结构按照层级分解,只比较同级元素。

    给列表结构的每个单元添加唯一的 key 属性,方便比较。

    React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字) 合并操作,调用 component 的 setState 方法的时候, React 将其标记为 dirty.到每一个事件循环结束, React 检查所有标记 dirty 的 component 重新绘制.

    选择性子树渲染。开发人员可以重写 shouldComponentUpdate 提高 diff 的性能。

    2019-11-22 14:06:01
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载