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

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

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

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

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

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

jsxfunction App() {
  function func(arg, event) {
    console.log(arg, event);
  }
  
  return <div>
    <button onClick={event => func('eee', event)}>act</button>
  </div>;
}
Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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