react组件的生命周期

react组件本质上是状态机，输入肯定，输出必定肯定。
状态发生转换时会触发不一样的钩子函数，从而让开发者有机会作出响应。
组件生命周期之钩子函数：“钩子”就是在某个阶段给你一个作某些处理的机会。生命周期钩子函数就是在组件预备、建立、使用和销毁的过程当中的函数监听

组件的生命周期可分为3个部分：

         一.  mount

         二.  updating

         三.  unmount

 

1.初始化状态时可调用的钩子函数（mount）：以下
getDefaultProps:设置props的初始值,只会调用一次。
组件生命周期之实例化操做：getInitialState,componentWillMount,render,componentDidMount,
执行顺序如上排序
每当组件被调用时，都会触发实例化函数
每当this.setState触发时，都会调用render函数，而不会去调用组件的其余实例化操做。

 

2.运行中阶段时可调用的钩子函数（updating）：以下

componentWillReceiveProps：组件将要接收到属性的时候调用。父组件修改属性触发，能够修改新属性、修改状态。
shouldComponentUpdate：组件是否须要更新，当组件接收到新属性或新状态的时候会被调用。若是返回false，后面的render函数就不会被调用，调高性能。
componentWillUpdate：组件将会被更新。不能修改属性和状态。
render：跟初始化阶段的render函数同样。
componentDidUpdate：组件已经被更新。能够修改DOM。

执行顺序如上排序

第一次加载时(初始化)不会触发上述钩子函数，当state状态改变时触发。

 

3.销毁中阶段时可调用的钩子函数(unmount)：以下

componentWillUnmount：销毁前调用