Skip to main content

createFiber

版本:v17

位置:packages/react-reconciler/src/ReactFiber.js

目的:使用类的方式创建一个新的FiberNode实例。

参数:

键名类型描述
tagWorkTag这个参数表示 fiber 将要执行的工作类型。
pendingPropsObject新的 props,组件在下一次渲染时将接收的 props。
keystring用于在其兄弟组件中唯一标识一个组件。
modeTypeOfModefiber 应该以何种模式运行

逻辑:

1、选择创建方法

根据 enableObjectFiber 标志的不同,React 可以选择使用类或对象字面量来创建 Fiber。

对象字面量方式创建

PS:构建属性与FiberNode一致

类方式创建

React 内部用于高效管理组件渲染和更新的策略的一部分。FiberNode 实例是 React Fiber 架构的构建块,允许 React 在需要时暂停、中止或重用工作,从而使渲染过程更加灵活和高效。