挂载阶段的组件生命周期
constructor : 关于组件自身状态的初始化工作都会放在其中
componentWillMount: 组件挂载开始之前,也就是在组件调用render方法之前调用(一些组件启动的动作,包括Ajax数据的拉取操作、一些定时器的启动)
componentDidMount: 组件挂载完成以后,也就是DOM元素已经插入页面后调用
componentWillUnmount: 组件对应的DOM元素从页面中删除之前调用(一些数据的清理,例如定时器的清理,就会放在 componentWillUnmount
里面去做)
更新阶段的组件生命周期
shouldComponentUpdate(nextProps,nextState): 你可以通过这个方法控制组件是否重新渲染。如果返回false组件就不会重新渲染。这个生命周期在React.js性能优化上非常有用
componentWillReceiveProps(nextProps): 组件从父组件接收到新的props之前调用
componentWillUpdate(): 组件开始重新渲染之前调用
componentDidUpdate(): 组件重新渲染并且把更改变更到真实的DOM以后调用