如何深入理解react项目系列中的生命周期？

本文共计5797个文字，预计阅读时间需要24分钟。

其他章节请看：+七天接手React项目+系列+生命周期受控和非受控组件+DOM+元素Diffing+算法+生命周期+优先级+回忆+一下+Vue+中的生命周期：+Vue+对外提供了生命周期钩子函数，允许我们在vu中处理。

其他章节请看：

七天接手react项目 系列

生命周期&受控和非受控组件&Dom 元素&Diffing 算法 生命周期

首先回忆一下 vue 中的生命周期：

vue 对外提供了生命周期的钩子函数，允许我们在 vue 的各个阶段插入一些我们的逻辑，比如：created、mounted、beforeDestroy等。

react 中的生命周期是否也类似？请接着看：

每个组件都包含 “生命周期方法”，你可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法 —— react 官网-组件的生命周期

请看一张 react 的生命周期图谱：

从这张图我们知道：

• 既然没有勾选”展示不常用的生命周期“，这里显示的 5 个方法就是常用的生命周期方法。