매개변수 전달 시 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>;
}