React的生命周期

[jangdelong]

React 的组件生命周期可以分为三个阶段：挂载阶段、更新阶段和卸载阶段。以下是 React 类组件中常用的生命周期方法：

挂载阶段：

• constructor()：组件构造函数，在组件被创建时调用。
• static getDerivedStateFromProps()：在组件初次渲染和每次更新前调用，用来更新组件 state。
• render()：组件渲染方法，返回组件的 UI 表示。
• componentDidMount()：组件挂载后调用，常用于进行异步数据请求等操作。

更新阶段：

• static getDerivedStateFromProps()：同上。
• shouldComponentUpdate()：组件更新前调用，用来控制是否进行组件更新。
• render()：同上。
• componentDidUpdate()：组件更新后调用，常用于进行数据更新等操作。

卸载阶段：

• componentWillUnmount()：组件卸载前调用，用于清理组件占用的资源等操作。

此外，还有一些其他的生命周期方法，如：getSnapshotBeforeUpdate()、componentDidCatch() 等。需要注意的是，React 在 17 版本后，一些生命周期方法已经被废弃或合并，具体可以参考 React 官方文档。