[React] 이벤트핸들러(event handler)에 event 외에 추가 인자 전달하기

이벤트 핸들러(Event Handler)에 합성 이벤트 객체(event) 외에 추가적인 매개변수를 전달하는 방법을 알아보자.

먼저 event 객체만 전달하는 방법부터 살펴보자.

 

1. event 객체만 전달하기

<button onClick={eventHandler}> 클릭 </button>

 

2. event 객체 외 다른 매개변수만 전달하기

<button onClick={()=>{eventHandler(parameter)}}> 클릭 </button>

 

3. event 객체와 추가 매개변수를 함께 전달하기

<button onClick={(event)=>{eventHandler(event, parameter)}}> 클릭 </button>