# 生命周期
# React 16以前
# 挂载
constructor -> componentWillMount -> render -> componentDidMount
# 更新
# props值发生更新
componentWillReceiveProps -> shouldComponentUpdate -> componentWillUpdate -> render -> componentDidUpdate
# state值发生更新
shouldComponentUpdate -> componentWillUpdate -> render -> componentDidUpdate
# 卸载
componentWillUnmount
# React 16及以后
# 挂载
constructor -> getDerivedStateFromProps -> render -> componentDidMount
# 更新
# props、state值发生更新
getDerivedStateFromProps -> shouldComponentUpdate -> render -> getSnapshotBeforeUpdate -> componentDidUpdate
# forceUpdate()调用
getDerivedStateFromProps -> render -> getSnapshotBeforeUpdate -> componentDidUpdate
# 卸载
componentWillUnmount
# 删除三个生命周期钩子的原因
标记为不安全的3个生命周期钩子：componentWillMount、componentWillReceiveProps、componentWillUpdate。
官方解释原因：Fiber结构考虑。
react v16采用了 Fiber结构 表示 virtual dom，使得可在构建阶段被打断。对于
componentWillMount、componentWillReceiveProps、componentWillUpdate也许不能保证只触发一次。
# 取代的两个生命周期
# getDerivedStateFromProps
执行时机：首次挂载、每次更新都会执行
使用：返回一个对象来更新当前state值，不更新时返回null
注意：因为是静态方法，所以不能用this
# getSnapshotBeforeUpdate
执行时机：每次DOM真正渲染前
# 生命周期说明
# shouldComponentUpdate(nextProps, nextState)
可以通过shouldComponentUpdate比较新、旧的props、state来决定是否执行render方法。（但传下来的props依然是会更新的）
# 参考链接
← React Fiber setState →