From 418619934febc53f55f09a82d6f5aeb10fe5a54f Mon Sep 17 00:00:00 2001 From: YuJian Date: Tue, 10 May 2022 16:12:24 +0800 Subject: [PATCH] vault backup: 2022-05-10 16:12:24 --- .../React 的深入探索 - beginWork.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/React 的源码深入/React 的流程解析 - Fiber 递归/React 的深入探索 - beginWork.md b/React 的源码深入/React 的流程解析 - Fiber 递归/React 的深入探索 - beginWork.md index 4d8ccb9..4a9815b 100644 --- a/React 的源码深入/React 的流程解析 - Fiber 递归/React 的深入探索 - beginWork.md +++ b/React 的源码深入/React 的流程解析 - Fiber 递归/React 的深入探索 - beginWork.md @@ -31,7 +31,9 @@ if (current !== null) { } ``` -在进入正式 beginWork 阶段之前，会先对传入的 current 节点进行空值判断，根据 current 是否为空进入不同的处理逻辑，**那么为什么需要判断 current 是否为空呢？答案是为了性能，前面说到 beginWork 函数的主要任务就是给当前传入的 Fiber 阶段创建它的第一个子 Fiber 节点，如果在上一次渲染时** +在进入正式 beginWork 阶段之前，会先对传入的 current 节点进行空值判断，根据 current 是否为空进入不同的处理逻辑。 + +**那么为什么需要判断 current 是否为空呢？答案是为了性能，前面说到 beginWork 函数的主要任务就是给当前传入的 Fiber 节点创建它的第一个子 Fiber 节点，要是在上一次渲染时创建的 Fiber 节点和本次渲染的 Fiber 节点并没有发生变化，那么还需要再次创建一个新的 Fiber 节点吗？肯定是不需要的，我们只需要将这个依旧存在的并没有发生变化的 Fiber 节点拿过来复用就行了，而这段逻辑正是在前 beginWork 阶段中判断并执行的** 这一段代码的主要目的是为了赋值 didReceiveUpdate 变量， ### current 不为空