Event Object bij het doorgeven van parameters

Stel dat we een bepaalde functie func hebben, die we willen gebruiken als event handler. Stel dat deze functie een bepaalde parameter accepteert:

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

Laten we deze functie gebruiken als event handler, waarbij we hem een parameter doorgeven:

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

Stel dat we nu, behalve de parameter, ook het Event object willen ontvangen in onze functie. Hiervoor moeten we als volgt te werk gaan:

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

Leg uit hoe de bovenstaande code werkt.

Pas de bovenstaande code aan zodat de functie twee parameters accepteert.

Pas de vorige opdracht aan zodat het event object als eerste parameter wordt doorgegeven aan de functie, en niet als laatste.

Pas de vorige opdracht aan zodat het event object als tweede parameter wordt doorgegeven aan de functie, tussen de eerste en derde parameter in.