React入門 練習問題 51：イベント処理の記述方法
ReactのJSXにおいて、DOM要素にイベントハンドラ（クリック時などの処理）を設定する際の命名規則として正しいものはどれか。
- イベント名は全て大文字（例：ONCLICK）で記述しなければならない。
- イベント名は全て小文字（例：onclick）で記述しなければならない。
- イベント名はキャメルケース（例：onClick）で記述しなければならない。
- イベント名はハイフン区切り（例：on-click）で記述しなければならない。
- イベント名はスネークケース（例：on_click）で記述しなければならない。
正解と解説を見る
正解：イベント名はキャメルケース（例：onClick）で記述しなければならない。
Reactのイベントハンドラは、キャメルケース（camelCase、単語の区切りで大文字を使用する形式）で記述します。
【正解の理由】
Reactでは、HTMLの属性名（小文字のonclickなど）とは異なり、JSX上でイベントを設定する際は「onClick」や「onChange」のようにキャメルケースを用いるルールになっています。
【不正解の理由】
• 「イベント名は全て大文字（例：ONCLICK）で記述しなければならない」という説明は誤り。
• 「イベント名は全て小文字（例：onclick）で記述しなければならない」という説明は誤り。通常のHTMLではこの形式ですが、Reactではエラーや警告の原因になります。
• 「イベント名はハイフン区切り（例：on-click）で記述しなければならない」という説明は誤り。
• 「イベント名はスネークケース（例：on_click）で記述しなければならない」という説明は誤り。