React-class组件生命周期
react16.4+之前的class组件生命周期
![](http://react-lifecycle.oss-cn-beijing.aliyuncs.com/16.3class%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E8%A7%A3.png)
初始化
constructor:初始化数据(读取props,设置原始数据state,为事件处理函数绑定实例)
挂载时
componentWillMount:组件将要挂载
render:渲染
componentDidMount:组件挂载完成(一般在这个阶段调接口取数据)
更新时
componentWillReceiveProps:组件接收到新的属性时触发
shouldComponentUpdate:判断组件是否需要更新,接收两个参数(nextProps/下一个属性,nextState/下一个状态),返回值为bool,为true时,才继续执行(一般用于优化)
componentWillUpdate:组件将要更新(有2个参数(nextProps, nextState))
render:渲染
componentDidUpdate:组件更新完成(有2个参数(prevProps, prevState))
卸载时
componentWillUnmount:组件将要销毁
16.4+之后的class组件生命周期
![](https://react-lifecycle.oss-cn-beijing.aliyuncs.com/16.4class%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E8%A7%A3.png)