React入門 練習問題 58：JSXの構文：コメント
📊 Qraftユーザーの成績
- 難易度 Bランク（レーティング1200）
- 難易度 766位/2795問中
- 正答率 —（0回）
ReactのJSX内でコメントを書く際の正しい記法はどれか。
- {/* コメント内容 */} のように、波括弧の中に複数行コメントの記号を記述する形式
- <!-- コメント内容 --> のように、標準的なHTMLのコメント記号を記述する形式
- // コメント内容 のように、波括弧なしで単一行のコメント記号を直接記述する形式
- /* コメント内容 */ のように、波括弧なしで複数行のコメント記号を直接記述する形式
- <%-- コメント内容 --%> のように、特殊なタグでコメント記号を囲んで記述する形式
正解と解説を見る
正解：{/* コメント内容 */} のように、波括弧の中に複数行コメントの記号を記述する形式
JSX内でコメントを記述する場合、`{/* コメント内容 */}`のように波括弧の中に複数行コメントの記号を入れるのが正解です。
【正解の理由】
JSXはJavaScriptの式を波括弧 `{}` で囲んで埋め込む仕様のため、JavaScriptの複数行コメント `/* */` を波括弧で囲むことで安全にコメント化できます。
【不正解の理由】
• 『`<!-- コメント内容 -->` のように、標準的なHTMLのコメント記号を記述する形式』は誤り。JSXはHTMLではなくJavaScriptの構文拡張であるため、HTMLのコメント記号はそのまま画面に出力されるか構文エラーになります。
• 『`// コメント内容` のように、波括弧なしで単一行のコメント記号を直接記述する形式』は誤り。波括弧がないとただのテキストとして画面に表示されてしまいます。
• 『`/* コメント内容 */` のように、波括弧なしで複数行のコメント記号を直接記述する形式』は誤り。波括弧で囲まない限り、テキストとして解釈されます。
• 『`<%-- コメント内容 --%>` のように、特殊なタグでコメント記号を囲んで記述する形式』は誤り。これはJSPなどのサーバーサイド技術で使われる記法であり、Reactでは使用しません。