Event Object bij het doorgeven van parameters

Stel dat we een bepaalde functie func hebben, die we willen gebruiken als event handler. Stel dat deze functie een bepaalde parameter accepteert:

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

Laten we deze functie gebruiken als event handler, waarbij we hem een parameter doorgeven:

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

Stel dat we nu, behalve de parameter, ook het Event object willen ontvangen in onze functie. Hiervoor moeten we als volgt te werk gaan:

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

Leg uit hoe de bovenstaande code werkt.

Задание 2

Pas de bovenstaande code aan zodat de functie twee parameters accepteert.

Задание 3

Pas de vorige opdracht aan zodat het event object als eerste parameter wordt doorgegeven aan de functie, en niet als laatste.

Задание 4

Pas de vorige opdracht aan zodat het event object als tweede parameter wordt doorgegeven aan de functie, tussen de eerste en derde parameter in.