Event-objekt ved parameteroverførsel

Lad os antage, at vi har en funktion func, som vi ønsker at bruge som event handler. Lad os sige, at denne funktion accepterer en parameter:

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

Lad os bruge denne funktion som event handler og give den en parameter:

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

Lad os nu sige, at vi foruden parameteren også ønsker at modtage Event-objektet i vores funktion. For at gøre dette skal vi gøre følgende:

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

Forklar, hvordan den viste kode fungerer.

Задание 2

Omstrukturer den viste kode, så funktionen accepterer to parametre.

Задание 3

Modificer den forrige opgave, så event-objektet overføres som den første parameter i funktionen, og ikke den sidste.

Задание 4

Modificer den forrige opgave, så event-objektet overføres som den anden parameter i funktionen, placeret mellem den første og tredje parameter.