React生命周期主要有7中:
1. componentWillMount() :组件将要挂载时触发 ,只调用1次
2. componentDidMount() :组件挂载完成时触发,只调用1次
3. componentWillReceiveProps(newProps) :只有props改变时触发(state改变不会触发),可以在方法中改变state。其中传入参数newProps为新的props值
4. shouldComponentUpdate(newState,newProps) :只要props或者state改变就会触发,它有1个返回布尔值,返回false后、后面的更新就不会执行了,返回ture则要执行。这样就可以用该方法阻止最后界面的渲染,可做性能优化。(不能在方法中改变state)
5. componentWillUpdate() :即将更新的时候触发,props和state改变都会触发,不能再方法中改变state
6. componentDidUpdate() :更新完成时触发,props和state改变都会触发,不能再方法中改变state
7. componentWillUnmount() :组件销毁时触发
所有时间出发先后顺序如下图示:
注意:在render /shouldComponentUpdate /componentWillUpdate / componentDidUpdate这4个方法中不能调用改变state的方法、也不能改变state,否则会造成死循环调用,即state状态改变,然后自动又触发了状态改变的方法。