生命週期可能會經歷如下三個過程：
裝載過程：把元件第一次在DOM樹中渲染的過程
更新過程：當元件被重新渲染的過程
解除安裝過程：元件從DOM中刪除的過程

裝載過程：
當元件第一次被渲染的時候，依次呼叫的函式如下：
constructor
一個React元件需要建構函式，往往是為了如下目的：
初始化state
繫結成員函式的this環境

getIniteState
初始化元件的this.state 只有用React.createClass方法創造出來的元件才會發生作用，es6語法中無此方法

getDefaultProps
初始化元件的this.state 只有用React.createClass方法創造出來的元件才會發生作用，es6語法中無此方法

componentWillMount
既可以在伺服器端被呼叫，也可以在瀏覽器端被呼叫

render
一個React元件可以忽略其他所有函式都不實現，但是一定要實現render函式，因為React元件的父類React.Component類對除了render之外的其它生命週期函式都有預設實現
render函式不做實際的渲染動作，它只是返回一個jsx結構的描述，最終由React來操作渲染過程
不需要渲染任何DOM元素的時候，可以讓render函式返回一個null 或者 是false
render函式是一個純函式，完全根據this.state和this.props來決定返回的結果，不要產生任何的副作用

componentDidMount
只能在瀏覽器端被呼叫，在伺服器端被呼叫的時候，不會執行
因為“裝載”是一個建立元件並放到DOM樹上的過程，伺服器端是無法產生DOM樹的，只是一段字串而已。所以無法再伺服器端執行
此階段，元件已經被裝載在DOM樹上了，可以放心獲取渲染出來的任何DOM

更新過程：
當props或者state被修改的時候，就會觸發元件的更新過程
componentWillReceiveProps（nextProps）
只要父元件的render函式被呼叫，在render函式裡被渲染的子元件，都會經歷更新的過程，不管父元件傳給子元件的props有沒有改變，都會觸發componentWillReciveProps
注意 this.setState觸發的更新，是不會呼叫這個方法的。這個方法是根據nextProps計算是否更新內部狀態的state，如果this.setState的呼叫 觸發了componentWillReciveProps，則會導致死迴圈
nextProps代表這一次渲染傳入的props，this.props代表上一次渲染的props，兩者有變化的時候，才會呼叫this.setState來更新元件內部的state

shouldComponentUpdate（nextProps，nextState）
決定了一個元件什麼時候不需要渲染
使用恰當 可以提升效能
如果返回true，則會呼叫componentWillUpdate，render，componentDidUpdate，否則不會有後續的方法呼叫

componentWillUpdate
render
componentDidUpdate
無論更新過程發生在瀏覽器端還是伺服器端，此函式都會被執行
實際上，在React做伺服器端渲染的時候，基本上不會經歷更新過程，因為服務端渲染，只需要產出HTML的字串就好了，而裝載過程就可以達到此目的，所以正常情況下，伺服器端是不會呼叫compentDidUpdate方法，如果呼叫了，說明程式出錯了，需要改進。

解除安裝過程：
componentWillUnMount：
當React元件要從DOM樹上清掉之前呼叫，這個函式適合做一些請理性的工作
往往和componentDidMount有關，如果componentDidMount中，通過非React方法，建立了一些DOM元素，如果不刪除的話，可能導致記憶體溢位，所以需要在componentWillUnMount中把這些DOM元素清理掉