react18 生命周期

生命周期函数

1、挂载阶段

componentWillMount：组件将要挂载 只执行一次（废弃）

componentDidMount：组件已经挂载 只执行一次 （可以请求网络、操作 DOM、绑定事件）

2、更新阶段

shouldComponentUpdate：组件是否需要更新 返回布尔值

componentWillUpdate：组件将要更新（废弃）

componentDidUpdate：组件已经更新 （可以请求网络、操作 DOM、绑定事件）

componentWillReceiveProps：父组件将要更新 props（废弃）

3、销毁阶段

componentWillUnmount：组件将要卸载 （清楚定时器、销毁事件）

执行顺序

1、挂载阶段

constructor -> componentWillMount -> render -> componentDidMount

2、更新阶段

自己的数据更新

state change -> shouldComponentUpdate -> componentWillUpdate -> render -> componentDidUpdate

父组件传递的 props 更新

props change -> componentWillReceiveProps -> shouldComponentUpdate -> componentWillUpdate -> render -> componentDidUpdate