Reactのイベント処理を理解しよう - Qiita

目次 概要 イベント処理とは Reactのイベント処理 イベントハンドラ一覧 まとめ 概要 この記事は、Reactにおけるイベント処理の仕組みなどについてまとめています。主にReact初心者向けの内容となっています。 また私自身の備忘録としてイベントハンドラについても一覧としてまとめていますので、参考にしてみてください。 イベント処理とは イベント処理とは、ユーザが「クリック」や「入力」などの操作が発生したときにプログラム側が行う処理のことを言います。 Reactのイベント処理 Reactでのイベント処理はDOM要素のイベント処理と非常に似ていますが、いくつかの特徴があります。 イベントはcamelCaseで名付ける（「onclick」ではなく「onClick」） イベントハンドラには文字列ではなく関数を渡す 簡単な例を見てみましょう。特に<button>タブの中身に注目して見てください。