学习React Native已经快一个星期了，简单对Component的生命周期做一个总结。
与原生iOS应用程序相同，React中的Component也有生命周期这一概念，相信熟悉iOS开发的同学对于它都不陌生了……React同样提供了一些方法，允许我们在Component进入某种状态之前或之后进行额外的设置或操作。
按照各阶段所发生的事件不同，Component的生命周期可以分为三个阶段：初始化、状态更新、销毁。
初始化过程
getDefaultsProps：可以在此方法中定义一些属性值。
getInitialState：可以在此方法中定义一些状态值
|
1 2 3 4 5 6 7 |
// ES5 getInitialState:function() { return { …… } } |
在ES6中，React现在推荐使用构造器方法来进行初始化
|
1 2 3 4 5 6 7 8 |
// ES6 constructor(props) { super(props); this.state = { …… } } |
componentWillMount：在render方法执行之前被调用
render：渲染该组件中某些或者全部需要更新的子组件
componentDidMount：在render方法执行之后被调用
注意在componentWillMount中设置this.state是不会触发重新渲染的，而在其他函数中this.state的变化会触发一次渲染。
更新
状态更新
shouldComponentUpdate：该函数会在每一次渲染之前调用，在此时可以获得该状态时的props和state值，进而判断接下来的这一次渲染是否是必要的。如果是则返回true否则返回false
|
1 2 3 4 |
shouldComponentUpdate(nextProps, nextState) { } |
componentWillUpdate：当上面这个方法返回true时，该方法就会被调用，在此方法中可以为渲染做些准备。该方法中不允许对props或者state进行任何修改
render和componentDidUpdate函数和前一节类似。
属性更新
componentWillRecieveProps：当属性改变的时候这个方法就会被执行。在此方法中我们可以根据现有的和要变更的属性来更新组件的状态。
|
1 2 3 4 |
componentWillRecieveProps(nextProps) { } |
componentWillRecieveProps, componentWillUpdate, render, componentDidUpdate这些方法和前一节类似。
销毁
组件的销毁过程只有一个方法：componentWillUnmount，该方法会在组件被销毁之前执行，因此可以在此方法中进行一些清理工作。