カリキュラムへドリルReactドリル② propsで使い回すSTEP 1 / 3

Step 1

名前を渡す(props)

部品を使う側が name="さくら" のように属性で値を渡すと、部品側は props.name で受け取れます。JSXの中で値を表示するときは { }(波カッコの窓)。Hello 部品を作って、違う名前で3回使ってみよう。

プレビュー(打つとすぐ反映・初回は数秒