React生命周期详解中每个阶段和函数的作用是什么？

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

目录 + React生命周期 + 常见生命周期 + 不常用的生命周期 + 完整的生命周期图 + React生命周期 + 函数组件无生命周期，生命周期只有类组件才拥有 + 生命周期函数指在某一时刻组件会自动调用的函数

目录

• react生命周期
• 常用的生命周期
• 不常用的生命周
• 完整的生命周期图

react生命周期

函数组件无生命周期，生命周期只有类组件才拥有

• 生命周期函数指在某一时刻组件会自动调用并执行的函数。
• React每个类组件都包含生命周期方法，以便于在运行过程中特定的阶段执行这些方法。

例如：我们希望在第一次将其呈现到DOM时设置一个计时器Clock。这在React中称为“安装”。我们也想在删除由产生

的DOM时清除该计时器Clock。这在React中称为“卸载”。

一般分为：挂载、更新、卸载

常用的生命周期

不常用的生命周

完整的生命周期图

constructor(props)

React组件的构造函数在挂载之前被调用。在实现React.Component构造函数时，需要先在添加其它内容前，调用super(props)，用来将父组件传来的props绑定到继承类中。