Skip to content
On this page

组件生命周期

[文献链接](https://ijpqg5zm8j.feishu.cn/docs/doccnf8zVMcqwwjw6TWz5SnoUmf#hX0qpF

React 函数组件的执行阶段分为:

  1. Render 阶段

此阶段就是函数本体的执行阶段

  1. Commit 阶段

Commit 阶段是拿着 render 返回的结果,去同步 DOM 更新的阶段。render 和 commit 分开以达到批量更新 DOM 的目的,也是 react 之后推出并行模式的设计基础。对于我们代码能感知到的部分就是 useLayoutEffect

  1. DOM 更新结束

此时 DOM 已经更新完成,代码上的体现就是执行 useEffect

生命周期方法

  • componentDidMount()
  • componentWillUmount()
  • ...

MIT Licensed | Copyright © 2021 - 2022