From bfaf9515662496a0ecb1b9f0baa09a7894401f71 Mon Sep 17 00:00:00 2001 From: YuJian920 Date: Sat, 7 May 2022 22:53:15 +0800 Subject: [PATCH] vault backup: 2022-05-07 22:53:15 --- .../React 的流程解析 - Fiber 递归.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md b/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md index 6e090f1..985362f 100644 --- a/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md +++ b/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md @@ -16,7 +16,9 @@ React 的首屏渲染时会交由 createWorkInProgress 函数生成 WorkInProgre 如果探索到了可达的最后一个子元素，那么就会结束探索阶段，进入回溯阶段：执行completeWork 函数逻辑。 -completeWork 负责深度优先遍历中的回溯阶段，**它执行在递归节点的 Fiber 创建之后，主要负责完善创建好的 Fiber 节点和插入其真实 DOM 树**，首屏渲染中首先进入该函数的可能是 +completeWork 负责深度优先遍历中的回溯阶段，**它执行在递归节点的 Fiber 创建之后，主要负责完善创建好的 Fiber 节点和插入其真实 DOM 树**，首屏渲染中首先进入该函数的可能是最小的不存在子元素的 Fiber 节点，也可能是只存在一个文本子元素的夫节点，因为 React 对这样的元素做了一些优化，它的子元素并不会进入 beginWork 函数逻辑，而是直接交由 beginWork 进行 Fiber 填充。 + +和 beginWork 中相同，completeWork 的主要逻辑也是一个巨大的 switch，根据 Fiber 节点的类型进入不同的处理逻辑 [[React 的深入探索 - completeWork]] ## 第一次触发更新