React入門 練習問題 26：関数コンポーネント：propsの初期値設定
Reactの関数コンポーネントでpropsにデフォルト値を設定する方法として正しいものはどれか。
- 分割代入の際に引数へデフォルト値を指定する
- コンポーネント名の末尾にDefaultという文字列を付ける
- useStateフックの初期値としてのみ設定可能である
- JSXタグ内に直接HTML属性として記述する
- propsオブジェクトをJSONへ変換して埋め込む
Qraftユーザーの成績：難易度 Cランク（レーティング1189）・正答率 58%（7/12回正解）
レーティングは解いた人の実力と正誤から算出する難しさ（初期値1200）。ランクはその全問題中の順位（S+が最難関、F-が最易）
正解と解説を見る
正解：分割代入の際に引数へデフォルト値を指定する
関数コンポーネントでpropsのデフォルト値を設定する一般的な方法は、引数の分割代入時にJavaScriptのデフォルト引数構文を使うことです。
【正解の理由】
例えば「function Greeting({ name = 'ゲスト' })」のように書くことで、name propsが渡されなかった場合に自動的に'ゲスト'が使われます。
【不正解の理由】
• 「コンポーネント名の末尾にDefaultという文字列を付ける」：命名規則の話であり、デフォルト値の設定とは無関係である
• 「useStateフックの初期値としてのみ設定可能」：useStateはstateの初期値を扱うものでpropsのデフォルト値設定とは別の仕組みである
• 「JSXタグ内に直接HTML属性として記述する」：これはコンポーネント呼び出し時にpropsを渡す方法であり、デフォルト値の定義方法ではない
• 「propsオブジェクトをJSONへ変換して埋め込む」：シリアライズ処理であり、デフォルト値設定とは関係がない