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


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

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

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

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

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

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

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

單向數據流

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







你可能感興趣的文章

Roadmap規劃

Roadmap規劃

Gradient text animation

Gradient text animation

Call by Reference & Call by Sharing

Call by Reference & Call by Sharing






留言討論