在 React 组件的生命周期中，有一系列的方法可以被重写，以便在组件不同的阶段执行特定的操作。以下是 React 组件的常用生命周期方法：
- constructor(props): 构造函数，在组件创建时调用，用于初始化状态 (state) 和绑定方法。通常需要调用 super(props) 来确保在构造函数中正确使用 this.props。
- componentDidMount(): 组件挂载后调用，表示组件已经被插入到 DOM 中。常用于进行异步数据获取、订阅事件等操作。
- componentDidUpdate(prevProps, prevState): 组件更新后调用，在组件渲染之后被触发。可通过比较 prevProps 和 prevState 与当前的 props 和 state，执行一些额外的操作，如网络请求或操作 DOM 元素等。
- shouldComponentUpdate(nextProps, nextState): 决定是否重新渲染组件，当新的 props 或 state 更新后调用。可以根据需要返回 true 或 false，来控制组件是否需要更新，默认返回 true。通过该方法可以优化组件性能。
- componentWillUnmount(): 组件即将被卸载和销毁时调用。可用于做一些清理操作，如取消订阅、清除计时器等。
- static getDerivedStateFromProps(nextProps, prevState): 静态方法，用于根据新的 props 更新组件的状态。它接收新的 props 和先前的 state，并返回一个新的状态对象，或者返回 null 表示不需要更新状态。
- getSnapshotBeforeUpdate(prevProps, prevState): 在最终将更新应用到 DOM 之前调用，可以在此方法中访问 DOM 元素。它的返回值将传递给 componentDidUpdate() 方法。
除了上述生命周期方法外，还有一些其他的生命周期方法：
- static getDerivedStateFromError(error): 错误边界处理方法，在组件的子组件树发生错误时被调用。它会返回一个新的状态对象，以更新组件状态以展示错误信息。
- componentDidCatch(error, info): 错误边界处理方法，在组件的子组件树发生错误时被调用。它接收两个参数：error 表示错误对象，info 包含有关错误发生位置的组件栈信息。
需要注意的是，React 17 版本之后，一些生命周期方法已经被标记为过时（deprecated），因此在新的项目中应优先选择使用更新的生命周期方法。
请注意，React Hooks 是 React 16.8 引入的一种新的方式来编写组件逻辑，它提供了一组钩子函数（如 useState、useEffect、useContext等）来代替传统的生命周期方法。使用 React Hooks 可以更方便地管理组件状态和副作用。
