总结react生命周期

孙泽辉

编程

发布于：2021年7月14日

字数：189字

时长：1分钟

次浏览

生命周期的三个阶段（新）

1.初始化阶段:由ReactDOM . render( )触发—初次渲染

1. constructor()

2. getDerivedStateFromProps

3. render( )

4. componentDidMount() =====> 常用

一般在这个钩 子中做一些初始化的事，例如:开启定时器、发送网络请求、订阅消息

2.更新阶段:由组件内部this . setSate( )或父组件重新render触发

1. getDerivedstateFromProps
2. shouldComponentUpdate( )
3. render( )
4. getSnapshotBeforeUpdate
5. componentDidUpdate( )

3.卸载组件:由ReactDOM. unmountComponentAtNode( )触发

1. componentWillUnmount( ) =====> 常用

一 般在这个钩子中做一些收尾的事，例如:关闭定时器、取消订阅消息

重要的钩子

1. render: 初始化渲染或更新渲染调用

2. componentDidMount: 开启监听,发送ajax请求

3. componentWillUnmount: 做-些收尾工作,如:清理定时器

即将废弃的钩子

1. componentWillMount
2. componentWillReceivePropse
3. componentWillUpdate