[React] onClick 안의 함수의 파라미터로 데이터 전달하기

문제상황

<div onClick={withDraw(user)}>...

위의 코드로 user 데이터를 withDraw함수에 전달하려 했다.

하지만 드롭박스를 여는 버튼을 누를 때 withDrawl함수도 같이 실행되는 기이한 현상이 벌어졌다..

회원탈퇴 버튼을 눌러야 withDrawl함수가 나와야하는데 말이다... 

그래서 파라미터를 전달하는 방식에 문제가 있는 것으로 판단하여 구글링을 해봤다.

 

 

해결방안

• 에러가 났던 이유 : onClick에 함수 자체를 전달해야하는데 나는 withDawl(user)로 결과값을 전달한 것이었다!!! 
• 해결 코드 : 다음과 같은 방식으로 전달하면 된다

<div onClick={e => withdrawal(user)}>

 

 

React onClick함수로 파라미터를 전달하는 방법