From 6d8df1c1fb9ea435315305fe017fa500904928a2 Mon Sep 17 00:00:00 2001 From: YuJian920 Date: Sun, 24 Apr 2022 20:37:33 +0800 Subject: [PATCH] vault backup: 2022-04-24 20:37:33 --- .../React 的流程解析 - Fiber 递归.md | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md b/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md index 9ea5e7a..96dcbed 100644 --- a/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md +++ b/React 的源码深入/React 的流程解析 - Fiber 递归/React 的流程解析 - Fiber 递归.md @@ -140,10 +140,5 @@ createInstance 会调用 createElement 方法创建一个 DOM 实例，并调用 completeWork 逻辑结束 -## 第二次触发更新和后续触发更新 -### createWorkInProgress -第一步很熟悉，有了前面两次执行的流程可以猜到，第二次触发更新也是进入这个函数，那么这次执行和之前有什么不同吗？并没有，和第一次触发更新的时候一模一样，但是在这一次更新，React 的运行时终于拥有了两颗完整的 Fiber 树 - - -你可以会问我，到这里就没有了吗？ \ No newline at end of file +你可以会问我，到这里就没有了吗？，是的没有了，这就是一个简单例子下 React Fiber 递归的全部流程，从 beginWork 到 completeWork，从首屏渲染到触发更新，可以从中看到 \ No newline at end of file