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