Đối tượng Event khi truyền tham số

Giả sử chúng ta có một hàm nào đó func, mà chúng ta muốn sử dụng làm trình xử lý sự kiện. Giả sử hàm này nhận một tham số nào đó:

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

Hãy sử dụng hàm này làm trình xử lý, truyền cho nó một tham số:

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

Bây giờ giả sử ngoài tham số, chúng ta muốn nhận được trong hàm của mình đối tượng Event. Để làm điều này, chúng ta cần thực hiện như sau:

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

Hãy giải thích cách hoạt động của đoạn mã trên.

Hãy sửa đổi đoạn mã trên sao cho hàm nhận hai tham số.

Hãy sửa đổi bài toán trước sao cho đối tượng sự kiện được truyền vào làm tham số đầu tiên của hàm, chứ không phải tham số cuối cùng.

Hãy sửa đổi bài toán trước sao cho đối tượng sự kiện được truyền vào làm tham số thứ hai của hàm, nằm giữa tham số thứ nhất và thứ ba.