Event-objekt ved parameteroverførsel

Lad os antage, at vi har en funktion func, som vi ønsker at bruge som event handler. Lad os sige, at denne funktion accepterer en parameter:

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

Lad os bruge denne funktion som event handler og give den en parameter:

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

Lad os nu sige, at vi foruden parameteren også ønsker at modtage Event-objektet i vores funktion. For at gøre dette skal vi gøre følgende:

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

Forklar, hvordan den viste kode fungerer.

Omstrukturer den viste kode, så funktionen accepterer to parametre.

Modificer den forrige opgave, så event-objektet overføres som den første parameter i funktionen, og ikke den sidste.

Modificer den forrige opgave, så event-objektet overføres som den anden parameter i funktionen, placeret mellem den første og tredje parameter.