私の外部記憶装置

ただの覚え書きです。ちょこちょこ見直して加筆・修正していますが、間違ってるかも😅

【React】propsの書き方


書き方

渡し方(属性部分)

  • 基本的に{ }で囲って渡す。JavaScriptの式も渡せる。(if文やforループは渡せない)
  • 文字列は、{ }無しで、" "又は' 'で囲うだけでOK。ただし ` `{ }が必要。
  • ブーリアンはtrueの場合だけ={true}を省略できる。省略しなくても良い。
  • オブジェクトとして書かれたものを、<Hoge {...piyo} /> のように、スプレッド構文を使ってpropsとして渡せる。

読み出し方(仮引数部分)

  • ({ hoge, piyo })のように書く。分割代入構文。
  • ({ fuga, size = 100 })のようにデフォルト値を指定できる。
  • (props)とだけ書く方法もある。使用部でprops.hogeprops.fugaのように書く。

特殊なprops(children)

参考

コンポーネントに props を渡す – React