From ac2a2791f5b9a503e589a1a2ba1a2ac44e0abe6f Mon Sep 17 00:00:00 2001 From: YuJian Date: Thu, 14 Apr 2022 16:35:30 +0800 Subject: [PATCH] vault backup: 2022-04-14 16:35:30 --- 自顶向下学 React 源码/React 源码的碎片记录.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/自顶向下学 React 源码/React 源码的碎片记录.md b/自顶向下学 React 源码/React 源码的碎片记录.md index 39b5b98..4ae48e9 100644 --- a/自顶向下学 React 源码/React 源码的碎片记录.md +++ b/自顶向下学 React 源码/React 源码的碎片记录.md @@ -28,4 +28,5 @@ - createWorkInProgress 会创建新的 WorkInProgress Fiber，会根据 current Fiber 的 alternate 属性检查是否已经存在 WorkInProgress Fiber，如果没有会通过 createFiber 创建新的 Fiber 并将 current Fiber 的已有属性进行赋值，最后让 WorkInProgress Fiber 的 alternate 属性进行双向链接 - createWorkInProgress 之后就开始 Fiber 的递归创建，也就是 beginWork 和 completeWork，可以小小的归结，beginWork 是在 Fiber 递的过程中不断地创建下一个子 Fiber 节点，而 completeWork 则是填充创建好的 Fiber - createWorkInProgress 的逻辑中，如果已经 alternate 存在，那么就会复用 Fiber，然后赋值同名参数，里边还会赋值 children -- createWorkInProgress -> beginWork -> completeWork \ No newline at end of file +- createWorkInProgress -> beginWork -> completeWork +- 首屏渲染时，会创建 Fiber \ No newline at end of file