[React Error] Expected `onClick` listener to be a function, instead got a value of `object` type.

Expected `onClick` listener to be a function, instead got a value of `object` type

 

---

에러 원인

클릭 이벤트에 전달된 핸들러 함수가 잘못된 형식으로 전달된 경우 발생

객체가 아닌 함수를 전달하도록 코드 수정 필요

👉 함수에 전달하는 인자가 있는 경우 함수를 생성하여 이벤트 핸들러에 전달해야 함

 

 

---

해결 방법

함수 형태로 onClick 핸들러 함수 전달하기

// 변경 전
<button onClick={handleClick(argument)}>Click me</button>

// 변경 후
<button onClick={() => handleClick(argument)}>Click me</button>

// 함수에 인자를 전달할 필요가 없다면 아래처럼 사용 가능
<button onClick={handleClick}>Click me</button>