Tapahtuma-objekti parametrien välityksessä

Oletetaan, että meillä on jokin funktio func, jota haluamme käyttää tapahtuman käsittelijänä. Oletetaan, että tämä funktio vastaanottaa jonkin parametrin:

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

Käytetään tätä funktiota käsittelijänä, välittäen sille parametri:

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

Oletetaan nyt, että parametrin lisäksi haluamme saada funktiomme sisään Event-objektin. Tätä varten meidän tulee toimia seuraavalla tavalla:

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

Selitä, kuinka annettu koodi toimii.

Задание 2

Muokkaa annettua koodia siten, että funktio vastaanottaa kaksi parametria.

Задание 3

Muokkaa edellistä tehtävää siten, että tapahtuma-objekti välitetään funktion ensimmäisenä parametrina eikä viimeisenä.

Задание 4

Muokkaa edellistä tehtävää siten, että tapahtuma-objekti välitetään funktion toisena parametrina, sijaiten ensimmäisen ja kolmannen parametrin välissä.