1.旧版本生命周期:
1.初始化阶段:由ReactDoM.render()触发—初次渲染
1.constructor()
2.componentWillMount()
3.render()
4.componentDidMount()-=====>常用-----一般在这个钩子做一些初始化的事,例如:开启定时器、发送网络请求、订阅消息
2.更新阶段:由组件内部 this.setsate() 或父组件render触发
1.shouldComponentUpdate()
2.componentWillUpdate()
3.render() ===> 必须使用的一个
4.componentDidUpdate()
3. 卸载组件:由ReactDOM.unmountComponentAtNode()触发
1.componentWillUnmount)=>常用,一般在这个钩子做一些收尾的事,例如,关闭定时器,取消订阅消息
2.新版本生命周期
1.初始化阶段:由ReactDoM.render()触发—初次渲染
1.constructor()
2.getDerivedStateFromProps()
3.render()
4.componentDidMount()
2.更新阶段:由组件内部 this.setsate() 或父组件render触发
1.getDerivedStateFromProps()
2.componentWillUpdate()
3.render()
4.getSnapshotBeforeUpdate()
5.componentDidUpdate()
3. 卸载组件:由ReactDOM.unmountComponentAtNode()触发
1.componentWillUnmount()