|
|
@ -41,6 +41,9 @@ updateHostRoot 函数中首先会执行 pushHostRootContext 方法,这个方 |
|
|
|
|
|
|
|
|
|
|
|
> completeWork 执行在递归节点的 Fiber 创建之后,主要是为创建好的 Fiber 节点插入内容和插入真实 DOM 树 |
|
|
|
> completeWork 执行在递归节点的 Fiber 创建之后,主要是为创建好的 Fiber 节点插入内容和插入真实 DOM 树 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
函数开始,会执行 popTreeContext 并传入 workInProgress,这个函数应该也和 Context 相关,然后进入到 swtich 逻辑,根据 WorkInProgress Fiber 节点的 tag 属性的不同进入不同的 case 逻辑,这里和 beginWork 基本上类似 |
|
|
|
|
|
|
|
React 的遍历顺序是从父到子,最终再从子回到父,所以首屏渲染中首先jin'ru completeWork 的 WorkInProgress 不一定会是 FiberNode ,在这里是 HostComponent, |
|
|
|
|
|
|
|
|
|
|
|
### 第一次触发更新 |
|
|
|
### 第一次触发更新 |
|
|
|
|
|
|
|
|
|
|
|
### 第二次触发更新 |
|
|
|
### 第二次触发更新 |
|
|
|