如何快速掌握七天接手的React项目生命周期？

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

其他章节请参阅：

+ 七天接手React项目+ 系列：生命周期受控和非受控组件+ DOM元素Diffing+ 算法：生命周期+ 首先回忆+ Vue中的生命周期：Vue对外提供了生命周期钩子函数，允许我们在特定的生命周期阶段执行代码+ Vue中的生命周期：Vue提供了生命周期钩子函数，让我们在组件的不同阶段执行代码

其他章节请看：

七天接手react项目 系列

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

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

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

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

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

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

从这张图我们知道：

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