react生命周期，以及各个周期都做了什么
这周开始学习React的生命周期。
React的生命周期从广义上分为三个阶段：挂载、渲染、卸载
因此可以把React的生命周期分为两类：挂载卸载过程和更新过程。
React的生命周期图:
constructor()中完成了React数据的初始化，它接受两个参数：props和context，当想在函数内部使用这两个参数时，需使用super()传入这两个参数。
注意：只要使用了constructor()就必须写super(),否则会导致this指向错误。
componentWillMount()一般用的比较少，它更多的是在服务端渲染时使用。它代表的过程是组件已经经历了constructor()初始化数据后，但是还未渲染DOM时。
组件第一次渲染完成，此时dom节点已经生成，可以在这里调用ajax请求，返回数据setState后组件会重新渲染
在此处完成组件的卸载和数据的销毁。
原因：因为你在组件中的ajax请求返回setState,而你组件销毁的时候，请求还未完成，因此会报warning
解决方法：
shouldComponentUpdate返回true以后，组件进入重新渲染的流程，进入componentWillUpdate,这里同样可以拿到nextProps和nextState。
组件更新完毕后，react只会在第一次初始化成功会进入componentDidmount,之后每次重新渲染后都会进入这个生命周期，这里可以拿到prevProps和prevState，即更新前的props和state。
render函数会插入jsx生成的dom结构，react会生成一份虚拟dom树，在每一次组件更新时，在此react会通过其diff算法比较更新前后的新旧DOM树，比较以后，找到最小的有差异的DOM节点，并重新渲染。
代替componentWillReceiveProps()。
老版本中的componentWillReceiveProps()方法判断前后两个 props 是否相同，如果不同再将新的 props 更新到相应的 state 上去。这样做一来会破坏 state 数据的单一数据源，导致组件状态变得不可预测，另一方面也会增加组件的重绘次数。
举个例子:
这两者最大的不同就是:
在 componentWillReceiveProps 中，我们一般会做以下两件事，一是根据 props 来更新 state，二是触发一些回调，如动画或页面跳转等。
代替componentWillUpdate。
常见的 componentWillUpdate 的用例是在组件更新前，读取当前某个 DOM 元素的状态，并在 componentDidUpdate 中进行相应的处理。
这两者的区别在于：
react生命周期函数
执行：组件加载钱最先调用一次，仅调用一次。 作用：定义状态机变量。 注意：第一个语句必须为super(), 否则会报错：'this' is not allowed before super() 执行：组件初始渲染(render()被调用前)前调用，仅调用一次。 作用：如果这个函数调用的setState改变了组件的某些状态，react会等待setState完成后再渲染组件。 注意：子组件也有componentWillMount函数，在父组件的该函数调用后再调用。 执行：componentWillMount调用之后， componentDidMount调用之前。 作用：渲染挂载组件。 触发：1、初始化加载页面，2、状态机改变setState，3、接收新的props（父组件更新） 注意：组件必要函数，不能在函数内使用setState改变状态机。 时间：render之后被调用，仅调用一次。 作用：渲染挂载组件，可以使用refs(react支持的一个特殊属性，可以将它加在render函数返回的组件元素上，起一个标记作用，方便定位。) 注意：子组件也有该函数，在父组件调用前调用；如果该函数内有setState改变状态机，将会重新渲染组件，如果需要在页面初始化之后才改变状态机的，可以将网络请求放在该函数内。 时间：组件渲染后，当组件接收新的nextProps时被调用。函数接收一个新的nextProps对象，nextProps是父组件传给子组件的。父组件render之后就会被调用。 作用：渲染挂载组件，可以使用refs(react支持的一个特殊属性，可以将它加在render函数返回的组件元素上，起一个标记作用，方便定位。) 注意：react初次渲染时不会被调用。 时间：组件执行render函数之后，接收新的props或state时被调用，即每次执行setState都会执行该函数，来判断是否重新渲染组件，默认返回true，接收两个参数。 作用：如果有些变化不需要执行渲染组件，可在该函数内阻止。 注意：不能在该函数内使用setState来改变状态机，如需要，请在componentWillReciveProps中改变。 时间：组件重新渲染后调用，在初始化渲染的时候该方法不会被调用。 作用：使用该方法可以在组件更新之后操作DOM元素。 时间：组件卸载之前调用。 作用：在该方法中执行必要的清理，比如无效的定时器后者在componentDidMount中创建的DOM元素。 注意 当一个页面中存在父子组件的时候，要特别注意componentDidMount的使用，因为子组件的componentDidMount会比父组件先调用，从而会引起父子组件传参错误。
