安徽科技网站建设,网站建设的客户在哪里,外贸建站平台哪家好,网站彩票做号原生组件 fiber 原生组件 fiber#xff0c;指的就是 type 为 “span”、“div” 的 fiber。
1.fiber.stateNode 指向真实 DOM 节点#xff1b;2.node[__reactFiber$ randomKey] 指向对应 fiber#xff0c;使用随机数是防止和业务代码的属性名冲突#xff0c;…原生组件 fiber 原生组件 fiber指的就是 type 为 “span”、“div” 的 fiber。
1.fiber.stateNode 指向真实 DOM 节点2.node[__reactFiber$ randomKey] 指向对应 fiber使用随机数是防止和业务代码的属性名冲突起着类似 symbol 的效果3.node[__reactProps$ randomKey] 指向最新 props 对象利用 DOM 节点的 [__reactFiber$ randomKey] 属性我们能拿到对应的原生组件 fiber。
通过这个 fiber我们其实拿到了整棵 fiber 树。比如我们可以通过递归访问 fiber.return 找到它所在的类组件或函数组件 fiber。
在控制台选中一个元素然后输入 $0.__reactFi 然后按下 tab 键补全属性然后回车我们就拿到了一个原生组件 fiber。 通过这个小技巧我们可以去观摩观摩使用了 React 的网站的 fiber 树结构比如 figma。 React 版本太低的话是没有这个属性的。 类组件 fiber 1.fiber.stateNode 指向类实例对象 instance2.instance.__reactInternalSnapshotBeforeUpdate 指向 snapshot 对象该对象通过 getSnapshotBeforeUpdate 生成并提供给 componentDidUpdate 使用根 fiber rootFiber 是一棵 fiber 树的根节点。
fiberRoot 是 fiber 树的根节点的维护者它的 current 决定使用两棵 fiber 树的那一棵使用了双缓存技术。
1.fiberRoot.current 指向一个 rootFiber 节点2.rootFiber.stateNode 指向 fiberRoot3.rootNode[__reactContainer$ randomKey] 指向 rootFiberReactElement ReactElement 的 _owner 指向向上最近的类组件或函数组件 fiber。
最后
最近还整理一份JavaScript与ES的笔记一共25个重要的知识点对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识提升工作效率。 有需要的小伙伴可以点击下方卡片领取无偿分享
