[React.js] 이벤트핸들러 인자 전달

인자가 없을 경우에 항상 onClick={deleteHandler} 이런식으로 썼기 때문에

평소와 같이 onClick={deleteHandler(image)} 썼더니 안되고

onClick={() => deleteHandler(image)} 화살표 함수로 작성하니 정상 작동됨

 

예제를 보면 아래와 같이 되있는데

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

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

ko.reactjs.org/docs/handling-events.html

이벤트 처리하기 – React