React-[入門篇]-Props & 不可變動性&單向數據流


利用props從父元件到子元件中傳遞資料

在React中我們會利用props從父元件到子元件中傳遞資料,如下圖筆記:

用於配置和自定義元件的重要工具(例如:函式的參數),如下圖筆記:

有了props,父元件就有控制權可以決定子元件的外觀以及如何運作。arguments放在一般函式中的arguments,我們其實可以放入任何arguments在JS函式裡。

可以將任何型別的值作為props

這個規則和props一樣,我們可以將任何型別的值作為props,純值/arrays/Objs/functions,甚至是其他React元件等等

元件的data是由props和state組成的

單向數據流

  • 程式碼比較好閱讀也比較好預測與理解
  • 容易debug
  • 因為知道data flow從哪來,對資料比較能掌控







你可能感興趣的文章

【JS幼幼班】Step.05 基本語法:基本型別(空值、boolean、number)

【JS幼幼班】Step.05 基本語法:基本型別(空值、boolean、number)

七天帶你初探AR世界-Day 5

七天帶你初探AR世界-Day 5

[28] 文法 - 述句完成值、運算式副作用、區塊

[28] 文法 - 述句完成值、運算式副作用、區塊






留言討論