commit 阶段流程
小于 1 分钟
commit 阶段流程
概览
- 副作用
- commit阶段工作
这些副作用对应的DOM操作在commit阶段执行。
除此之外，一些生命周期钩子（比如componentDidXXX）、hook（比如useEffect）需要在commit阶段执行。
commit阶段的主要工作（即Renderer的工作流程）分为三部分：
- before mutation阶段（执行
DOM操作前） - mutation阶段（执行
DOM操作） - layout阶段（执行
DOM操作后）
在before mutation阶段之前和layout阶段之后还有一些额外工作，涉及到比如useEffect的触发、优先级相关的重置、ref的绑定/解绑。