* 1.statelesscomponent 不包含任何state的元件例如：antdesign的 ：button，input元件
* 2.viewcomponent 包含少量ui state的元件
例如：antdesign的： tab元件，因為元件內部自己儲存tab選項卡的選中狀態，並且這個狀態外界無需關注。
* 3.widgetcomponent 內部封裝了ajax請求,以及獨立ui的元件.
例如：如下圖，每個個方塊都是乙個獨立的widget,她不僅包含自己獨立的state而且元件內部獨立控制ajax請求資料的獲取。
* 4.pagecomponent 頁面入口以及頁面內部業務邏輯無法重用的元件.跟乙個具體頁面相關.react元件分類
eg export default class peoson extends component render constructor defaultprops componentwillmount render componentdidmount 不需要宣告類 避免大量extends class ...
react的高階元件
1 什麼是高階元件？2 侵入式import react from react import loding from common loading 侵入式 因為要訪問它的內部狀態，所以要用到繼承，繼承他的父級 export default wrapcomponent else 3 非侵入式 hoc w...
react元件的通訊
一 父子元件的通訊 通過props屬性，在父元件中，將父元件的資料繫結到子元件標籤身上 在子元件中通過this.props 可以檢視到父元件傳遞過來的資料 傳遞的資料有倆種，模擬的資料 和 請求得到的資料，在react中我們在componetdidmount鉤子內請求資料 注意 資料請求 互動型資料...