React组件生命周期

React组件的生命周期可分为三种状态：

装载：已插入真正的DOM

更新：正在重新渲染

卸载：已删除真实DOM

当组件实例被创建并插入DOM时，其生命周期调用序列如下：

构造函数（）：在安装React组件之前，将调用其构造函数。

GetDerivedStateFromProps（）：在调用渲染方法之前调用，并将在初始装载和后续更新期间调用。

Render（）：Render（）方法是必须在类组件中实现的唯一方法。

ComponentDidMount（）：在装入组件（插入到DOM树中）后立即调用。

render（）方法是必须在类组件中实现的唯一方法。其他方法可根据其自身需要实施。

更新每当组件的状态或属性发生变化时，组件都会更新。

当组件的属性或状态发生更改时，将触发更新。组件更新的生命周期调用顺序如下：

GetDerivedStateFromProps（）：在调用渲染方法之前调用，并将在初始装载和后续更新期间调用。根据shouldComponentUpdate（）的返回值，确定React组件的输出是否受当前状态或道具的更改影响。

ShouldComponentUpdate（）：当道具或状态更改时，将在渲染执行之前调用ShouldComponentUpdate（）。

Render（）：Render（）方法是必须在类组件中实现的唯一方法。

GetSnapshotBeforeUpdate（）：在上次渲染输出（提交到DOM节点）之前调用。

ComponentDidUpdate（）：将在更新后立即调用。

render（）方法是必须在类组件中实现的唯一方法。其他方法可根据其自身需要实施。

卸载从DOM中删除组件时，将调用以下方法：

ComponentWillUnmount（）：在卸载和销毁组件之前直接调用。

来到统软云免费了解更多信息：、、、等。

，注册后为新手提供免费开发包