React生命周期

一、初始化阶段（挂载）：由ReactDOM.render()触发 ---初次渲染

constructor：构造函数，在 React 组件挂载之前执行。

getDerivedStateFromProps：在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用 需要返回一个null 或者 state 此返回的状态是不可更改的，

render：渲染处理虚拟dom，是 class 组件中唯一必须实现的方法。

componentDidMount：在组件挂载后（插入 DOM 树中）立即调用，此时就可以操作dom、发请求等

二、更新阶段：由组件内部this.setSate()或父组件重新render触发

getDerivedStateFromProps：与挂载一样，挂载和更新都会执行。

shouldComponentUpdate：在render前调用执行，相当于阀门，可以返回一个布尔值，来判断是否render

render：与挂载一样，挂载和更新都会执行

getSnapshotBeforeUpdate：在最近一次渲染输出（提交到 DOM 节点）之前调用。两个参数 prevProps prevState 修改之前的值,返回值snapshot，例 return ‘张三’ 在componentDidUpdate中接收

componentDidUpdate：组件更新完毕的钩子。接收三个参数 prevProps prevState snapshot

三、卸载组件： 由ReactDOM.unmountComponentAtNode()触发

componentWillUnmount：在组件卸载及销毁之前直接调用。一般可以用于清除定时器等

注：此文章正对于16+版本的

16+后没有了   componentWillMount ：组件将要挂载时的钩子

                       componentWillReceiveProps：组件将要接收新的props的钩子

                        componentWillUpdate：组件将要更新的钩子

最后推出个强制更新的方法 forceUpdate

16+图解