生命周期是一个组件从创建到销毁的整个过程;React 为生命周期提供了一些关键的节点,本质上是一些可以被触发的事件,以方便组件来处理各种场景
生命周期三阶段 —— 1. 挂载阶段【Mounting】
- 构造函数
constructor(props, content) {}
- 组件将要加载的时候执行的方法【也是组件渲染之前执行的方法】
componentWillMount() {}
通过一些异步的方法可以放在componentWillMount
中执行
- 组件加载完成执行的方法【组件渲染完成执行的方法】
async componentDidMount() {}
注意:所谓组件渲染就是 render 执行完成
该方法是当前组件接收父组件传过来 props 的时候,会被触发
componentWillReceiveProps(nextProps, nextContext) {
}
生命周期三阶段 —— 2. 运行时阶段【Updating】
主要处理的是状态的更新引起的变化
该方法必须有一个 boolean 的返回值;该方法是用来判断是不是应该更新子组件
shouldComponentUpdate(nextProps, nextState, nextContext) {
return true;
}
组件将要更新,如果 shouldComponentUpdate 为 true,就会执行 componentWillUpdate
componentWillUpdate(nextProps, nextState, nextContext) {
}
组件更新完成
componentDidUpdate(prevProps, prevState, snapshot) {
}
生命周期三阶段 —— 3. 卸载阶段【Updating】
我们可以在组件卸载前处理一些逻辑
组件销毁时调用的
componentWillUnmount() {
}