Obiekt Event przy przekazywaniu parametrów

Załóżmy, że mamy pewną funkcję func, której chcemy użyć jako procedury obsługi zdarzenia. Załóżmy, że ta funkcja przyjmuje pewien parametr:

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

Użyjmy tej funkcji jako procedury obsługi, przekazując jej parametr:

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

Załóżmy teraz, że oprócz parametru chcemy otrzymać w naszej funkcji obiekt Event. Aby to zrobić, musimy postąpić w następujący sposób:

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

Opisz, jak działa podany kod.

Задание 2

Przerób podany kod tak, aby funkcja przyjmowała dwa parametry.

Задание 3

Zmodyfikuj poprzednie zadanie tak, aby obiekt ze zdarzeniem był przekazywany jako pierwszy parametr funkcji, a nie ostatni.

Задание 4

Zmodyfikuj poprzednie zadanie tak, aby obiekt ze zdarzeniem był przekazywany jako drugi parametr funkcji, znajdując się między pierwszym a trzecim parametrem.