react 組件構建設計

項目設計中，能夠從頂層React元素開始，而後實現它的子組件，自頂向下來構建組件的層級
組件的寫法：
1.引入依賴模塊
2.定義React組件
3.做爲模塊導出React組件
4.子組件更新父組件的機制
5.父組件傳遞一個回調函數做爲子組件的屬性。

每當子組件想要更新父組件的state時，它就會調用這個回調函數並傳遞必要的數據到父組件的新狀態中
父組件更新它的state，觸發render()函數從新渲染全部有必要更新的子組件；
React單向數據流綁定，父組件經過getInitialState設定默認數據，數據做爲屬性傳遞給子組件，子組件再經過回調函數，經過訪問state更新父組件的數據。這種數據流單向流動的模式，有助於增長組件的數量，而不增長頁面的複雜度；可是這種數據流的層層傳遞會浪費不少冗餘的數據，可是容易調試。要優化這種方案有不少，Flux就是其中的一種。