React-Reduxのイベントハンドラ定義に関するTips/Pitfalls - Qiita

return <button onClick={(event) => { console.log('clicked!!') }}>ボタン</button> // ↑これ イベントハンドラに関する情報で、本格的な実装を始める前に知っておいた方が良さそうな点を中心に紹介します。 ReactのSyntheticEvent（ブラウザネイティブイベントのラッパー） Reactのコンポーネントで発生するイベントは、ブラウザネイティブのイベントをラップしたものになっていて、ブラウザ間差異がある程度吸収されています。参考 → 公式Doc APIの違いなどはほとんど無いです。気をつけるのは以下の2点くらい。 関数内でreturn false;してもイベントの伝搬が止まらない。 止めたいときは明示的にevent.stopPropagation()などを呼びます。 非同期的にEventオブジェクトを参照したい場