React入門 練習問題 8:propsの基礎
Reactで親コンポーネントから子コンポーネントにデータを渡す方法は?
- props
- state
- context
- ref
- redux
Qraftユーザーの成績:正答率 73%(24/33回正解)
正解と解説を見る
正解:props
Reactで親コンポーネントから子コンポーネントへデータを渡す基本的な方法は「props」です。
【正解の理由】
親コンポーネントが子コンポーネントに`<Child name="太郎" />`のように属性の形で値を渡し、子は`props.name`として受け取ります。これがReactの一方向データフローの基本です。
【不正解の理由】
• state:コンポーネント自身が内部で管理する値であり、親から子へ渡す仕組みではない。
• context:複数階層離れたコンポーネント間でデータを共有する仕組みで、直接の親子間のデータ受け渡しにはpropsの方が基本的な方法。
• ref:DOM要素やコンポーネントインスタンスに直接アクセスするための仕組みで、データを渡す目的では使わない。
• redux:外部の状態管理ライブラリであり、React標準の親子間データ受け渡し方法ではない。