Obsidian_Note/深入探索 React/React 的流程解析 - commit 阶段/React 的深入探索 - commitLayoutEffects.md

commitMutationEffects 对应 commit 中的 layout 阶段，leyout 阶段会遍历执行 commitLayoutEffect 方法，之前提到的 React 双缓存机制中切换 current 指针的操作也存在于这一步中[[React 的流程解析 - Fiber 递归]]
这段代码会在 mutation 阶段之后，layout 阶段之前执行

### commitLayoutEffect
调用 commitLayoutEffectOnFiber
当 Fiber 存在 ref 标记，会执行 commitAttachRef 函数用于处理 ref 属性

### commitLayoutEffectOnFiber/commitLifeCycles
ClassComponents 组价的 componentDidMount 和 componentDidUpdate 生命周期函数在这个函数内会被执行

### commtHookEffectListMount
遍历 effectLayout 依次执行它们 useLayoutEffect 的回调函数，这些步骤都是同步执行的

### schedulePassiveEffects
内部调用 enqueuePendingPassiveHookEffectUnmount 函数 和 enqueuePendingPassiveHookEffectMount 函数

### enqueuePendingPassiveHookEffectUnmount
将 useEffect 的销毁函数和 Fiber 节点一起 push 进 pendingPassiveHookEffectsUnmount 队列

### enqueuePendingPassiveHookEffectMount
将 useEffect 的回调函数和 Fiber 节点一起 push 进 pendingPassiveHookEffectsMount 队列

### commitAttachRef

### commitUpdateQueue