|
|
@ -163,6 +163,39 @@ switch 中的 case 逻辑太多了,全部都写出来会让笔记显得特别 |
|
|
|
|
|
|
|
|
|
|
|
首先会执行 pushHostRootContext 函数,这个函数与 context 有关 |
|
|
|
首先会执行 pushHostRootContext 函数,这个函数与 context 有关 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
**pushHostRootContext** |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
```javascript |
|
|
|
|
|
|
|
function pushHostRootContext(workInProgress) { |
|
|
|
|
|
|
|
var root = workInProgress.stateNode; |
|
|
|
|
|
|
|
if (root.pendingContext) { |
|
|
|
|
|
|
|
pushTopLevelContextObject( |
|
|
|
|
|
|
|
workInProgress, |
|
|
|
|
|
|
|
root.pendingContext, |
|
|
|
|
|
|
|
root.pendingContext !== root.context |
|
|
|
|
|
|
|
); |
|
|
|
|
|
|
|
} else if (root.context) { |
|
|
|
|
|
|
|
// Should always be set |
|
|
|
|
|
|
|
pushTopLevelContextObject(workInProgress, root.context, false); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
pushHostContainer(workInProgress, root.containerInfo); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
```javascript |
|
|
|
|
|
|
|
function pushTopLevelContextObject(fiber, context, didChange) { |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
if (contextStackCursor.current !== emptyContextObject) { |
|
|
|
|
|
|
|
throw new Error("..."); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
push(contextStackCursor, context, fiber); |
|
|
|
|
|
|
|
push(didPerformWorkStackCursor, didChange, fiber); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
```javascript |
|
|
|
```javascript |
|
|
|
function updateHostRoot(current, workInProgress, renderLanes) { |
|
|
|
function updateHostRoot(current, workInProgress, renderLanes) { |
|
|
|
pushHostRootContext(workInProgress); |
|
|
|
pushHostRootContext(workInProgress); |
|
|
|