react生命周期函数

React组件的生命周期函数分为三个部分：初始化阶段、更新阶段和卸载阶段。其中，初始化阶段包括constructor、getDerivedStateFromProps、render和componentDidMount；更新阶段包括getDerivedStateFromProps、shouldComponentUpdate、render、getSnapshotBeforeUpdate和componentDidUpdate；卸载阶段包括componentWillUnmount。

1. constructor：组件构造函数，在组件被创建时调用，用于初始化state和绑定事件等操作。

2. getDerivedStateFromProps：当props发生变化时调用，返回一个新的state对象。

3. shouldComponentUpdate：组件更新前调用，用于判断是否需要更新组件。

4. render：渲染组件，必须实现的生命周期函数。

5. getSnapshotBeforeUpdate：在组件更新前调用，用于获取更新前的DOM状态。

6. componentDidUpdate：组件更新后调用，用于处理更新后的操作。

7. componentDidMount：组件挂载后调用，用于进行一些异步操作和DOM操作。

8. componentWillUnmount：组件卸载前调用，用于清除定时器和取消订阅等操作。