React 初识—— 生命周期

生命周期是一个组件从创建到销毁的整个过程；React 为生命周期提供了一些关键的节点，本质上是一些可以被触发的事件，以方便组件来处理各种场景

生命周期三阶段 —— 1. 挂载阶段【Mounting】

1. 构造函数

constructor(props, content) {}

2. 组件将要加载的时候执行的方法【也是组件渲染之前执行的方法】

 componentWillMount() {}

通过一些异步的方法可以放在componentWillMount 中执行

3. 组件加载完成执行的方法【组件渲染完成执行的方法】

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