react的class组件生命周期

React 的 Class 组件生命周期可以分为以下几个阶段：

1. Mounting（挂载阶段）：
- constructor：初始化组件的状态和绑定事件。
- static getDerivedStateFromProps(props, state)：根据传入的 props 更新 state。
- render：渲染组件的内容。
- componentDidMount：组件第一次渲染之后调用，通常用于发送网络请求或订阅事件。

2. Updating（更新阶段）：
- static getDerivedStateFromProps(props, state)：根据传入的 props 更新 state。
- shouldComponentUpdate(nextProps, nextState)：决定是否重新渲染组件。默认情况下，每次 state 或 props 更新都会触发重新渲染。
- render：渲染组件的内容。
- componentDidUpdate(prevProps, prevState)：组件更新之后调用，通常用于更新 DOM 或执行其他副作用操作。

3. Unmounting（卸载阶段）：
- componentWillUnmount：组件卸载之前调用，通常用于清理定时器、取消订阅等操作。

4. Error Handling（错误处理阶段）：
- static getDerivedStateFromError(error)：在子组件抛出错误时调用，返回一个新的 state 以渲染错误信息。
- componentDidCatch(error, info)：在子组件抛出错误后调用，通常用于记录错误信息。

这些生命周期方法提供了在组件不同阶段执行代码的机会，方便开发者进行管理和控制。不过需要注意的是，在 React 16.3 之后，官方已经推荐使用函数组件和 React Hooks 来替代 Class 组件的生命周期方法。