react生命周期方法
一、挂载阶段
- constructor:组件的构造函数,初始化state。
- statiic getDerivedStateFromProps:在组件实例被创建和更新之前调用,返回一个对象来更新state。
- render:渲染组件的UI。
- componentDidMount组件挂载完成后调用,通常用于发起网络请求或设置定时器。
二、更新阶段
- static getDrivedStateFromProps:在组件接收到新的props时调用,返回一个对象来更新state。
- shouldComponentUpdate:决定组件是否需要更新,返回布尔值。
- render;重新渲染组件的UI。
- getSnapshotBeforeUpdate:在最后一次渲染输出(提交到DOM)之前立即调用,返回一个值作为componentDIdUpdate的第三个参数。
- componentDidUpdate:组件更新后调用,通常用于发起网络请求或更新DOM。
三、卸载阶段
- componentWillUnmount:组件卸载前调用,用于清理定时器或取消网络请求。
参考博客:
React快速上手:从零到项目实战-CSDN博客