react - 이벤트 핸들러에 인수 전달하기

이벤트 핸들러에 인수 전달하기

반복 안에서 보통 이벤트 핸들러에 추가 파라미터를 전달하고 싶어할 것입니다. 예를 들어, 만약 id 가 원시적인 ID라면, 아래처럼 전달할 수 있습니다.

 

<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button>

<button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>

 

위 두 라인은 동일하며, arrow functions과and Function.prototype.bind 를 각각 사용하고 있습니다.

두 경우 모두, React 이벤트를 나타내는e 인수는 ID 뒤에 두 번째 인수로 전달됩니다.

arrow function을 사용하여 명시적으로 전달해야하지만,

bind를 사용하면 추가 인수가 자동으로 '마지막 인자'로 전달됩니다.

 

 

[링크] React - event handler 이벤트 핸들러의 e 는 어떻게 전달되는 걸까? 1

 

 

https://reactjs-kr.firebaseapp.com/docs/handling-events.html