|
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()
|