React入門 練習問題 29：構文ルール（タグの記述）
ReactのJSX構文における「タグの閉じ方」のルールとして正しいものはどれか。
- HTMLと同様に、imgやbrタグは閉じずにそのまま記述しても正常に動作する
- すべてのタグは必ず閉じる必要があり、単一タグの場合は末尾にスラッシュを付ける
- 開始タグと終了タグの間に何も含まない場合のみ、タグを省略して記述することができる
- ブラウザが自動的にタグを補完するため、終了タグを記述しなくてもエラーにはならない
- Reactが独自に定義したタグのみ閉じる必要があり、標準HTMLタグは閉じなくてよい
Qraftユーザーの成績：難易度 Aランク（レーティング1323）・正答率 40%（4/10回正解）
レーティングは解いた人の実力と正誤から算出する難しさ（初期値1200）。ランクはその全問題中の順位（S+が最難関、F-が最易）
正解と解説を見る
正解：すべてのタグは必ず閉じる必要があり、単一タグの場合は末尾にスラッシュを付ける
JSXでは、すべてのタグは必ず閉じる必要があり、単一タグの場合は末尾にスラッシュを付けるのが正しい書き方です。
【正解の理由】
JSXはXMLライクな構文を採用しており、HTMLでは閉じなくても許容される`<br>`や`<img>`のようなタグであっても、`<br />`や`<img />`のように必ず自己終了タグとして記述しなければコンパイルエラーになるからです。
【不正解の理由】
• 「HTMLと同様に、imgやbrタグは閉じずにそのまま記述しても正常に動作する」という説明は、JSXではエラーになるため誤り
• 「開始タグと終了タグの間に何も含まない場合のみ、タグを省略して記述することができる」という説明は、自己終了タグについての不正確な説明であるため誤り
• 「ブラウザが自動的にタグを補完するため、終了タグを記述しなくてもエラーにはならない」という説明は、ブラウザに届く前のビルド時（JSXのトランスパイル時）にエラーになるため誤り
• 「Reactが独自に定義したタグのみ閉じる必要があり、標準HTMLタグは閉じなくてよい」という説明は、すべてのタグを閉じる必要があるため誤り