1 react生命周期相關(guān)的hook
a. 初始化：getInitialState
b. 初始化：getDefaultProps
c. 掛載： componentWillMount
d. 掛載： componentDidMount
e. 更新：componentWillReceiveProps
f. 更新：shouldComponentUpdate
g. 更新：componentWillUpdate
h. 更新：componentDidUpdate
i. 卸載：componentWillUnmount
2 測試結(jié)果記錄
1, react的生命周期個人認為可以分為五個部分：初始化（props,state）榔幸、掛載阔蛉、更新阵幸、卸載以及render。
2, 所有的測試結(jié)果將主要圍繞hook,state和props以及渲染展開坡慌。
3黔酥，react在第一次渲染組件的時候，只觸發(fā)初始化洪橘、掛載跪者、渲染部分的hook函數(shù)。需要注意的是熄求，在render之后被觸發(fā)的hook中使用setState都會觸發(fā)二次渲染渣玲，這些hook包括componentDidMount和componentDidUpdate。
4弟晚，在渲染之前componentWillMount和componentWillReceiveProps中使用setState都不會觸發(fā)二次渲染忘衍。但是這并不說明逾苫，渲染之前的hook都不觸發(fā)二次渲染，比如下面所述枚钓。
5铅搓，一個有趣的測試是，在componentDidUpdate和componentWillUpdate中setState一個state值自增秘噪。你猜怎么著狸吞，死循環(huán)。頁面被阻塞指煎，瞬間瀏覽器內(nèi)存吃緊不得不強制關(guān)閉瀏覽器蹋偏。
6, 在componentWillUnmount中可以釋放一些組件中的無用變量。但是在componetWIllUnmount中使用setState不會觸發(fā)渲染至壤。
7威始，據(jù)說在getInitialState或者構(gòu)造中使用props賦值給state會發(fā)生嚴重的bug,是因為getInitialState和構(gòu)造都只被調(diào)用一次嗎？我猜是像街，測試結(jié)果確認這個state不會再次被更新黎棠。建議這個操作放到componnetWillReceiveProps中使用setState完成不管是語義上還是邏輯上都更合適一些。
8,子組件的所有hook都是在父組件render的時候開始镰绎，和我們正常的思維邏輯一致脓斩。并列幾個子組件，子組件的生命周期都是按序的畴栖，嵌套的情況也是符合邏輯的随静，并沒有什么意外情況發(fā)生。
9,propTypes和defaultProps在es2015中吗讶，需要寫在class的外面燎猛，類似App.propTypes和App.defaultProps。另外需要注意的是propTypes只在開發(fā)和測試過程中有用照皆，建議在生產(chǎn)環(huán)境刪除重绷。propTypes的檢查結(jié)果有可能是一個警告，但是這并不會直接導(dǎo)致程序運行失敗膜毁。
10.關(guān)于mixin這個東西昭卓，es2015中已經(jīng)不建議使用了。查閱資料發(fā)現(xiàn)有個高階組件替換mixin的文章爽茴。大致的意思是給組件套一層葬凳，類似于從父級別繼承方法。
