学习记录——react生命周期

参考：https://www.jianshu.com/p/b331d0e4b398

生命周期函数

1. 框架中提前设置好的
2. 在一些关键时刻会执行
3. 生命周期函数的逻辑需要我们自己编写

实例期

1. contructor
2. componentWillMount：初始化数据 （相当于vue里的created） 过期
3. render（仅仅产生虚拟dom）
   ①render之后得到了一份虚拟dom
   ②ReactDom.render()只有这个方法将虚拟dom转换成真实dom
4. componentDidMount：已经将虚拟dom转换成真实dom （vue里的mounted）

存在期

1. componentWillReceiveProps 过期

2. shouldComponentUpdate
   (1) 可以自定义返回一个布尔值
   (2) 决定我们组件是否更新
   (3) 如果未定义该函数，默认返回就是true
   (4) 提升性能

3. componentWillUpdate 组件将要被更新过期

4. render 组件正在更新

5. componentDidUpdate组件已经更新完成

销毁期

1. componentWillUnmount：组件将要销毁的时候执行 取消事件监听

新增生命周期
getDerivedStateFromProps(nextProps, prevState)

getSnapshotBeforeUpdate(prevProps, prevState)