react中的生命周期(新)

59 阅读1分钟

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

2.getDerivedStateFromProps

3.render( )

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

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

二 更新阶段:由组件内部this.setState( )或父组件render触发 1.getDerivedStateFromProps

2.shouldComponentUpate( )

3.render( ) =====>必须要使用的一个

4.getSnapshotBeforeUpdate

5.componentDidUpdate( )

三 卸载组件:由ReactDOM.unmountComponentAtNode( )触发 1.componentWillUnmount( )=====>常用

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