学习React生命周期

React生命周期总体分为三个阶段：创建阶段（Mounting）、运行阶段（Updating）和卸载阶段（Unmounting）。也有种说法分为四个阶段：初始化阶段（Initialization）、创建阶段（Mounting）、运行阶段（Updating）和卸载阶段（Unmounting）

一、React v16.0前的生命周期

1.初始化阶段（Initialization）
也就是下方代码中的类的构造方法，Test类继承Component类，也同时继承这个React的基类（也就继承了render方法和生命周期方法）。

Super是调用基类的构造方法。获取props。
Constructor 构造方法 可初始化state
2.创建阶段（Mounting）
特点：该阶段的函数只执行一次。
（1）ComponentWillMount()
组件被挂在到DOM之前调用，在render()之前被调用，因此在这个方法setState将不会触发页面重新渲染。可以将这里的操作放在constructor()中。（发送ajax请求获取数据）；
（2）render()
根据组件中的props和state进行渲染页面（两者的任何变化都会导致页面的重新渲染），返回一个ReactComponent类型的对象，不负责组件的实际渲染工作，之后由react根据此元素去渲染页面DOM。
（注意：不要在render中调用this.setState()否则会造成递归渲染）
React.render的实现是在ReactMount中，源码：

render: function(nextElement, container, callback) {

  var prevComponent = instancesByReactRootID[getReactRootID(container)];

  if (prevComponent) {
    var prevElement = prevComponent._currentElement;
    if (shouldUpdateR