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:

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

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

function 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:

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

Selitä, kuinka annettu koodi toimii.

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

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

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