eg: export default class peoson extends component
}render(){}
constructor defaultprops componentwillmount render componentdidmount
不需要宣告類 避免大量extends class constructor
不需要顯示宣告this 關鍵字 es6 的class寫法需要把this繫結到當前作用域
用來定義無***的純函式
const
header =(
props)
=>
export
default
header
返回元件的元件（函式）
state(model) view (v)
(nextprops)
it is recommended that you use the staticgetderivedstatefrompropslifecycle instead ofunsafe_componentwillreceiveprops. learn more about this recommendation here.
this lifecycle was previously namedcomponentwillreceiveprops. that name will continue to work until version 17. use therename-unsafe-lifecyclescodemod to automatically update your components.
componentwillreceiveprops 不僅在元件props
React元件的分類
1.statelesscomponent 不包含任何state的元件 例如 antdesign的 button，input元件 2.viewcomponent 包含少量ui state的元件 例如 antdesign的 tab元件，因為元件內部自己儲存tab選項卡的選中狀態，並且這個狀態外界無需關注...
react父子元件傳值 react元件通訊
react元件之間的通訊，其實就是通過乙個props建立彼此之間的橋梁，而我們最常用的就是父子傳值，子父傳值，以及兄弟之間傳值 1 父元件給子元件傳值 父元件給子元件傳值相對比較簡單，如果想讓他們倆之間有所聯絡，想傳遞父元件的資料，那麼我們就在父級元件中的子元件標籤上定義乙個屬性，而屬性的值就是我們...
React高階元件
想想以前用原生和jquery的專案，上千行的code映入眼簾，瞬間有種昏死過去的衝動。難以維護，改乙個bug可能出現n個bug，真的是很痛苦。於是乎元件化成為了當前前端開發的主流技術。angular vue和react很好的幫我們實現了元件化。但是我們常常也會遇到一種情況，就是兩個元件往往有很多的重...