パラメータ渡しにおけるEventオブジェクト

ある関数 func があり、これをイベントハンドラーとして使用したいとします。この関数は何らかのパラメータを受け取るとしましょう:

function func(arg) {
	console.log(arg);
}

この関数にパラメータを渡して、ハンドラーとして使用してみましょう:

function App() {
	function func(arg) {
		console.log(arg);
	}
	
	return <div>
		<button onClick={() => func('eee')}>act</button>
	</div>;
}

次に、パラメータに加えて、関数内で Event オブジェクトを取得したい場合、以下のようにする必要があります:

function App() {
	function func(arg, event) {
		console.log(arg, event);
	}
	
	return <div>
		<button onClick={event => func('eee', event)}>act</button>
	</div>;
}

上記のコードがどのように動作するか説明してください。

関数が2つのパラメータを受け取るように、上記のコードを書き換えてください。

前のタスクを、イベントオブジェクトが関数の最後ではなく最初のパラメータとして渡されるように修正してください。

前のタスクを、イベントオブジェクトが1番目と3番目のパラメータの間、つまり2番目のパラメータとして渡されるように修正してください。