React學習筆記(五) 組件

組件的優勢

組件解決了html中標籤構建應用的不足;
把公共的功能單獨抽離成一個文件做爲一個組件，哪裏使用就在那兒引用,避免了想通的代碼屢次重寫.

父子組件

組件的相互調用中，咱們把調用者稱爲父組件，被調用者稱爲子組件。
父子組件傳值（父子組件通訊）：
一、父組件給子組件傳值：
一、1 在調用子組件的時候定義一個屬性<Header msg='1'></Header>;
一、2 子組件裏面 this.props.msg;

父組件向子組件傳值不只能夠傳遞參數，還能傳遞方法，甚至能把整個父組件傳遞過去,,能夠讓子組件傳遞數據到父組件。

this爲傳遞整個父組件.
二、父組件主動獲取子組件值：
二、1 調用子組件的時候指定ref的值 <Header ref='header'></Header>
二、2 經過this.refs.header獲取整個子組件的實例；

子傳父時，必需要在組件加載完後才能調用，因此不能直接調用子組件的數據，須要傳建一個方法，在方法中調用。

坑：必定要注意import時即便在同一個包下，from中也要添加'./'否則會報錯。切記！！