react的生命周期

1.组件生命周期的作用

组件的生命周期有助于理解组件的运行方式，完成更复杂的组件功能，分析组件错误原因等

2.什么是钩子函数

生命周期的每个阶段总是伴随着一些方法的调用，这些方法就是生命周期的钩子函数

组件生命周期的三个阶段

1.创建阶段

执行时机：组件创建时（页面加载）

执行函数：constructor,render,componentDidMount

执行顺序：constructor 当组件被调用时

                  render   当组件的内容被渲染时

                 componentDidMount  当组件挂载也就是DOM元素渲染完毕之后

 

2.创建阶段

执行时机：setState（），props，forceUpdate（），

上述三者任意一个发生变化，组件都会重新渲染

执行顺序：render（）组件渲染时调用

                  componentDidUpdate（） 组件更新时调用

3. 卸载阶段

执行时机：组件从页面消失

钩子函数：componentWillUnmount（） 组件被销毁，从页面消失

生命周期图：