栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

说说react diff的原理是什么?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

说说react diff的原理是什么?

内存中存储两颗树,一颗树是已经渲染的树结构(Current Tree),另一颗是即将变化的树(Fiber Tree)。
每次状态发生变化,会对原来的树结构进行遍历,遍历过程中,会通过比较每个节点的结构与之前 Fiber 结构的区别,生成新的树,最终将新的树与旧的树进行替换。
DOM Diff 的依据很多:会通过比较 ElementType、Props、文本、属性等相关来决定是复用原来的节点还是创建新的节点。
DOM Diff 在列表的对比中,会通过 key 来进行唯一标识符定位,如果 key 未发生变化,则认为节点可复用。只会进行移动操作,而不会重新创建。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/368055.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号