Event-objekt vid parameteröverföring

Låt oss säga att vi har en funktion func som vi vill använda som händelsehanterare. Låt denna funktion ta en parameter:

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

Låt oss använda denna funktion som händelsehanterare och skicka en parameter till den:

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

Låt oss nu säga att vi förutom parametern också vill få Event-objektet i vår funktion. För att göra detta måste vi göra på följande sätt:

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

Förklara hur den medföljande koden fungerar.

Ändra den medföljande koden så att funktionen tar två parametrar.

Modifiera den föregående uppgiften så att händelseobjektet skickas som första parameter till funktionen, och inte som den sista.

Modifiera den föregående uppgiften så att händelseobjektet skickas som den andra parametern till funktionen, mellan den första och den tredje parametern.