Skip to main content

createRoot

初次渲染实例化应用时会创建许多虚拟节点,用于记录状态从而渲染页面。


大致流程

  1. 创建 ReactDOMRoot 时会检查当前 Dom 上是否已经存在 ReactDOMRoot 存在则抛出错误
  2. 执行 createContainer 创建 FiberRoot HostRootFiber
  3. FiberRoot HostRootFiber 进行关联
  4. 初始化 HostRootFiber.memoizedState HostRootFiber.updateQueue
  5. markContainerAsRoot 关联 Dom HostRootFiber
  6. listenToAllSupportedEvents 时间相关
  7. 返回 ReactDOMRoot

运行流程

节点截图

节点截图