วัตถุ 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>;
}

อธิบายการทำงานของโค้ดที่ให้มา

ปรับเปลี่ยนโค้ดที่ให้มาเพื่อให้ฟังก์ชัน รับพารามิเตอร์สองตัว

ปรับเปลี่ยนงานก่อนหน้าเพื่อให้ วัตถุเหตุการณ์ถูกส่งเป็นพารามิเตอร์แรก ของฟังก์ชัน แทนที่จะเป็นตัวสุดท้าย

ปรับเปลี่ยนงานก่อนหน้าเพื่อให้ วัตถุเหตุการณ์ถูกส่งเป็นพารามิเตอร์ที่สอง ของฟังก์ชัน โดยอยู่ระหว่างพารามิเตอร์แรกและ พารามิเตอร์ที่สาม