Qraft(クラフト) 資格・学習クイズアプリ

React入門 練習問題 12:コンポーネント設計:データの流れの方向性

Reactの単方向データフロー(one-way data flow)に関する説明として正しいものはどれか。

  1. データは親コンポーネントから子コンポーネントへ一方向に流れる
  2. データは子コンポーネントから親コンポーネントへ一方向に流れる
  3. データは兄弟コンポーネント間で自動的に同期される
  4. データはどのコンポーネント間でも双方向に自動的に同期される
  5. データの流れる方向はコンポーネントの種類によって毎回異なる

Qraftユーザーの成績:難易度 Dランク(レーティング1135)・正答率 61%(11/18回正解)
レーティングは解いた人の実力と正誤から算出する難しさ(初期値1200)。ランクはその全問題中の順位(S+が最難関、F-が最易)

正解と解説を見る
正解:データは親コンポーネントから子コンポーネントへ一方向に流れる

Reactは単方向データフローを採用しており、データは親から子へpropsとして渡される形で流れます。これによりデータの流れが予測しやすくなります。

【正解の理由】
親コンポーネントが保持する状態やデータをpropsとして子コンポーネントに渡すことで、アプリケーション全体のデータの流れが一方向に統一され、デバッグや保守がしやすくなります。

【不正解の理由】
• 「データは子コンポーネントから親コンポーネントへ一方向に流れる」:Reactの基本原則とは逆であり、子から親へ直接データを流す仕組みは標準では存在しない(コールバック関数経由で通知することは可能)
• 「データは兄弟コンポーネント間で自動的に同期される」:兄弟コンポーネント間の自動同期機能はReactには存在しない
• 「データはどのコンポーネント間でも双方向に自動的に同期される」:Reactは双方向バインディングを標準機能として持たない
• 「データの流れる方向はコンポーネントの種類によって毎回異なる」:Reactのデータフローの方向は一貫して単方向である

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)