面试官：React 生命周期有哪些阶段？分别执行哪些函数？

在 React 中，组件的生命周期经历了多个不同的阶段，主要包括以下阶段：

1. 挂载阶段（Mounting）：

   • constructor(): 构造函数，在组件被创建时调用，用于初始化状态和绑定方法。
   • static getDerivedStateFromProps(): 静态方法，用于根据 props 更新 state。
   • render(): 渲染方法，用于生成组件的虚拟 DOM。
   • componentDidMount(): 组件挂载后调用，通常用于进行一次性的 DOM 操作、数据加载等操作。

2. 更新阶段（Updating）：

   • static getDerivedStateFromProps(): 更新阶段也会触发这个生命周期方法，用于根据新的 props 更新 state。
   • shouldComponentUpdate(): 决定是否要重新渲染组件，用于优化性能。
   • render(): 重新渲染组件。
   • getSnapshotBeforeUpdate(): 在更新前获取 DOM 信息，通常用于在更新前保存某些信息。
   • componentDidUpdate(): 组件更新后调用，通常用于执行一些 DOM 操作、网络请求等操作。

3. 卸载阶段（Unmounting）：

   • componentWillUnmount(): 组件将要卸载时调用，通常用于清理定时器、取消网络请求等操作。

4. 错误处理阶段（Error Handling）：

   • static getDerivedStateFromError(): 当子组件抛出错误时调用，用于更新组件状态。
   • componentDidCatch(): 当子组件抛出错误时调用，用于记录错误信息或发送错误报告。

这些生命周期方法提供了在组件不同阶段执行特定操作的钩子，可以帮助我们管理组件的状态、行为和生命周期。值得注意的是，随着 React 16.3 版本的发布，一些生命周期方法已经被标记为过时或移除，建议尽量使用新的生命周期方法来替代。