ReactにおけるEventオブジェクト

イベントハンドラーにバインドされた関数の内部では、 Eventオブジェクトが利用可能です：

function App() {
	function func(event) {
		console.log(event); // イベントを持つオブジェクト
	}
	
	return <div>
		<button onClick={func}>act</button>
	</div>;
}

変数 event には、ブラウザのネイティブな Event オブジェクトではなく、React側による特別なクロスブラウザラッパーが入ります。このラッパーは SyntheticEvent と呼ばれます。このラッパーは、すべてのブラウザでイベントが同じように動作することを助けます。そのインターフェースはネイティブイベントと同じで、stopPropagation や preventDefault などのメソッドも含みます。

ボタンが与えられます。クリック時に Event オブジェクトを取得し、コンソールに出力してください。

ボタンが与えられます。クリック時にコンソールにクリックの event.target を出力してください。