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