วัตถุ Event ในการส่งพารามิเตอร์

สมมติว่ามีฟังก์ชัน func บางฟังก์ชัน ที่เราต้องการใช้เป็น ตัวจัดการเหตุการณ์ สมมติว่าฟังก์ชันนี้รับ พารามิเตอร์บางตัว:

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

ลองใช้ฟังก์ชันนี้เป็นตัวจัดการ โดยส่งพารามิเตอร์ให้:

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

สมมติว่าตอนนี้เราต้องการได้ วัตถุ Event ในฟังก์ชันของเรา นอกเหนือจากพารามิเตอร์ สำหรับ สิ่งนี้ เราจำเป็นต้องดำเนินการดังนี้:

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