src/App.tsx

export default function App() {
  return (

    <>
      <button onClick={(e) => { console.log(e); }}>click</button>
    </>

  );
}

코드에서 e는 이벤트 객체를 의미합니다. 보통 e 또는 event라는 이름으로 자주 사용합니다. 리액트는 타입스크립트 환경에서도 이벤트 객체의 타입을 자동으로 추론하므로 타입을 명시하지 않아도 기본적인 속성과 메서드를 사용할 수 있습니다. 예를 들어, e.target.value나 e.preventDefault() 같은 메서드는 타입을 생략해도 문제없이 작동합니다.

● 이벤트 객체와 함수 참조

함수 참조 방식에서는 이벤트 핸들러에 이벤트 객체를 직접 전달하지 않아도 리액트가 자동으로 이벤트 객체를 해당 함수의 첫 번째 매개변수로 전달합니다.