React基礎 イベントを作る

イベントの書き方

・アロー関数を使って、タグ内に

イベント名={() => { 処理 }}

と書くことで、指定したタイミングで処理を実行できる。 アロー関数はJavaScriptなので、{}で囲むことを忘れないように

「クリックされた時に処理を実行する」onClickイベントを用いる

・イベント名にonClickを指定し、

<button onClick={() => {処理}}>

アロー関数の処理部分には、イベント時に実行する処理を書く →クリックしたときに指定した処理がconsoleで呼び出されることが確認できる ※アロー関数の後も、また波カッコ入れるのを忘れない！！