前言
生命周期仅存在于类组件中。
旧版生命周期：react版本 < 16.0.0
新版生命周期：react版本 >= 16.0.0
一、旧版生命周期
旧版生命周期：
以下为Mounting阶段：
1. constructor
同一个组件对象只会运行一次
不能在第一次挂载到页面之前，调用setState
2. componentWillMount
正常情况下，和构造函数一样，它只会运行一次
可以使用setState，但是为了避免bug，不允许使用，因为在某些特殊情况下，该函数可能被调用多次
功能有点鸡肋，新版生命周期取消该钩子函数。
3. render
react最重要的步骤，创建虚拟dom，进行diff算法，最终渲染到页面的真实DOM中。
render可能不止运行一次，只要需要重新渲染，就会重新运行，禁止在这里使用setState，可能导致无限递归。
4. componentDidMount
可以使用setState，只会运行一次。
通常情况下，会将网络请求，启动计时器等一开始需要的操作，书写在该函数中。
以下为Updating阶段：
5. componentWillReceiveProps（nextProps）
组件加载时不调用，组件接受新的props时调用（第一次不算），参数为新的属性对象。
该函数可能会导致一些bug，不推荐使用，所以新版生命周期里官方取消了该钩子。
6. shouldComponentUpdate(nextProps,nextState)
是性能优化点，指示react是否要重新渲染该组件，通过返回true和false来指定，默认返回true
组件加载时不调用，只有组件将要更新时才会调用，值被覆盖原来的值也会调用。
7. componentWillUpdate(nextProps,nextState)
组件更新时调用，可以setState。
然后接着继续render…
8. componentDidUpdate
组件更新完调用。
往往在该函数中使用dom操作，改变元素 。
以下为Unmounting阶段：
9. componentWillUnmount
组件即将卸载前调用，只调用一次。
通常在该函数中销毁一些组件依赖的资源，比如计时器
二、新版生命周期
图为<16.3版本的新版生命周期：
图为>=16.3版本的新版生命周期，相比之前的新版，主要是getDerivedStateFromProps的调整：
static getDerivedStateFromProps(nextProps,prevState)
1. 该函数是静态的 2. 通过参数可以获取新的属性和状态 3. 该函数的返回值会覆盖掉组件状态getSnapShotBeforeUpdate(prevProps,prevState)
1. 真实的DOM构建完成，但还未实际渲染到页面中 2. 在该函数中，通常用于实现一些附加的dom操作 3. 该函数的返回值，会作为componentDidUpdate的第三个参数新版常用的钩子函数：
总结
React16弃用了三个生命周期钩子新增了两个生命周期钩子(弃用不代表删除，还可以用，但不能和新增的两个混用)
弃用的三个生命周期：
- componentWillMount
- componentWillReceiveProps
- componentWillUpdate
新增的两个生命周期：
- getDerivedStateFromProps
- getSnapshotBeforeUpdate