Event-objekt vid parameteröverföring

Låt oss säga att vi har en funktion func som vi vill använda som händelsehanterare. Låt denna funktion ta en parameter:

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

Låt oss använda denna funktion som händelsehanterare och skicka en parameter till den:

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

Låt oss nu säga att vi förutom parametern också vill få Event-objektet i vår funktion. För att göra detta måste vi göra på följande sätt:

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

Förklara hur den medföljande koden fungerar.

Задание 2

Ändra den medföljande koden så att funktionen tar två parametrar.

Задание 3

Modifiera den föregående uppgiften så att händelseobjektet skickas som första parameter till funktionen, och inte som den sista.

Задание 4

Modifiera den föregående uppgiften så att händelseobjektet skickas som den andra parametern till funktionen, mellan den första och den tredje parametern.