react 类组件生命周期

React类组件的生命周期可以分为三个阶段：挂载阶段、更新阶段和卸载阶段。

1. 挂载阶段

- constructor()：组件构造函数，用于初始化state和绑定事件处理方法。
- static getDerivedStateFromProps(props, state)：在组件挂载前和更新时被调用。它会根据props的变化来更新state。
- render()：渲染函数，返回虚拟DOM。
- componentDidMount()：组件挂载后调用，通常用于进行DOM操作或请求数据。

2. 更新阶段

- shouldComponentUpdate(nextProps, nextState)：在组件更新时被调用，用于判断是否需要重新渲染组件。
- static getDerivedStateFromProps(props, state)：同挂载阶段。
- render()：同挂载阶段。
- componentDidUpdate(prevProps, prevState)：在更新后被调用，通常用于进行DOM操作或请求数据。

3. 卸载阶段

- componentWillUnmount()：在组件卸载前被调用，用于清除计时器、取消网络请求等清理操作。

除了上述生命周期方法，还有一些不常用的方法，例如：

- static getDerivedStateFromError(error)：在组件渲染时发生错误时被调用，用于捕获错误并返回错误信息。
- componentDidCatch(error, info)：同上，但能够记录错误信息的组件树，并打印出错误信息。

总而言之，掌握React组件的生命周期对于掌握React编程非常重要。