React入門 練習問題 59：設計概念：UIの構築手法
📊 Qraftユーザーの成績
- 難易度 Bランク（レーティング1200）
- 難易度 766位/2795問中
- 正答率 —（0回）
Reactの設計思想である「宣言的（Declarative）」なUIの性質に関する説明として正しいものはどれか。
- 目的とするUIの最終的な状態を記述すれば、そこに至るDOM操作はReactが自動で行う
- DOM要素の取得や更新を、開発者が一つずつ命令を書いて手動で実行しなければならない
- UIの見た目を定義するために、HTMLファイルとCSSファイルを必ず分離して管理する
- コンポーネントの状態が変化するたびに、ページ全体をサーバーから再取得して描画する
- ユーザーの操作に応じた処理を、全て1つの巨大な関数の中にまとめて記述する必要がある
正解と解説を見る
正解：目的とするUIの最終的な状態を記述すれば、そこに至るDOM操作はReactが自動で行う
Reactの「宣言的（Declarative）」なUIの性質とは、目的とするUIの最終的な状態を記述すれば、そこに至るDOM操作はReactが自動で行うという特徴のことです。
【正解の理由】
Reactは「どのようなUIにしたいか」という状態を定義するだけで、状態が変化した際に必要なDOMの更新作業をReact自身が計算し、効率的に反映してくれます。
【不正解の理由】
• 『DOM要素の取得や更新を、開発者が一つずつ命令を書いて手動で実行しなければならない』は誤り。これは「命令的（Imperative）」なアプローチの説明です。
• 『UIの見た目を定義するために、HTMLファイルとCSSファイルを必ず分離して管理する』は誤り。ReactではJSXを使ってロジックとUIを同じファイルにまとめることが多く、分離が必須ではありません。
• 『コンポーネントの状態が変化するたびに、ページ全体をサーバーから再取得して描画する』は誤り。Reactはブラウザ上で必要な箇所だけを更新する仕組みを持っています。
• 『ユーザーの操作に応じた処理を、全て1つの巨大な関数の中にまとめて記述する必要がある』は誤り。コンポーネントを小さく分割して組み合わせるのがReactの基本的な設計手法です。