Αντικείμενο Event κατά τη μετάδοση παραμέτρων

Ας υποθέσουμε ότι έχουμε μια συνάρτηση func, που θέλουμε να χρησιμοποιήσουμε ως χειριστή γεγονότος. Ας υποθέσουμε ότι αυτή η συνάρτηση δέχεται κάποια παράμετρο:

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

Ας χρησιμοποιήσουμε αυτή τη συνάρτηση ως χειριστή, περνώντας της μια παράμετρο:

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

Ας υποθέσουμε τώρα ότι εκτός από την παράμετρο θέλουμε να λάβουμε στη συνάρτησή μας το αντικείμενο Event. Για αυτό πρέπει να προχωρήσουμε ως εξής:

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

Εξηγήστε πώς λειτουργεί ο παραπάνω κώδικας.

Τροποποιήστε τον παραπάνω κώδικα έτσι ώστε η συνάρτηση να δέχεται δύο παραμέτρους.

Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε το αντικείμενο του γεγονότος να μεταδίδεται ως πρώτη παράμετρος της συνάρτησης, και όχι ως τελευταία.

Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε το αντικείμενο του γεγονότος να μεταδίδεται ως δεύτερη παράμετρος της συνάρτησης, βρίσκεται μεταξύ της πρώτης και της τρίτης παραμέτρου.