React workInProgress Fiber 树存在的意义是什么

时间：2021-06-02 19:03:52 阅读：0 评论：0 收藏：0 [点我收藏+]

1. React 中使用双缓存的机制，来完成 Firber树的构建与替换，实现 Dom 对象的快速更新。

2. React 中会同时存在两个 Fiber 对象，当前在屏幕中显示的树是 CurrentFiber 树，当发生更新时，React会重新创建一颗新的Firber树是 WorkInProgress Firber树。

在双缓存技术中，workInProgress Fiber 树就是即将显示在页面中的 Fiber树，当这个Fiber 树构建完成后，React 会将它直接与 Current Firber 树进行替换，进而达到快速更新 Dom 的操作，

因为 workInProgress Fiber 在更新的过程中，是在内存中构建的，所有速度是非常快的，得到最终更新后的 Firber，直接替换 Current Firber。

3. current Firber 树有一个 alternate 属性指向 workInProgress Firber 树，workInProgress Firber 树内也有一个alternate 属性指向current Firber 树

原文地址：https://www.cnblogs.com/gqx-html/p/14832664.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行