【react生命周期】

React 的生命周期可以分为三个阶段：挂载阶段、更新阶段和卸载阶段。随着 React 版本的更新，生命周期方法也有所变化，主要围绕这三个阶段展开。

1. 挂载阶段（Mounting）

在组件第一次被渲染到 DOM 中时，会触发挂载阶段的生命周期方法。

• constructor()： 构造函数，在组件被创建时调用。通常用来初始化状态（state）和绑定事件处理方法。

• static getDerivedStateFromProps(props, state)： 从 props 初始化 state，或者在 props 变化时更新 state。这是一个静态方法，用于替代旧版本的 componentWillMount 和 componentWillReceiveProps。

• render()： 渲染方法，必选的生命周期方法。根据当前的 props 和 state 返回一个 React 元素（JSX），描述组件的 UI。

• componentDidMount()： 组件挂载完成后调用。通常在这里进行数据获取、订阅事件，或者直接操作 DOM。

2. 更新阶段（Updating）

当组件的 props 或者 state 发生变化时，会触发更新阶段的生命周期方法。

• static getDerivedSta