[React] Expected `onClick` listener to be a function, instead got `false` 에러

Expected `onClick` listener to be a function, instead got `false` Error 발생

Warning: Expected `onClick` listener to be a function, instead got `false`.

 

React Component에서 Button 등과 같은 이벤트 발생 후에 특정한 함수인 function을 호출하려 할 때에 발생하는 Error입니다. 이는 정상적으로 호출은 되긴 하지만 React의 Console창에서 경고인 오류를 보이게 됩니다.

 

//잘못된 코드
<button onClick={condition && value}>
  Click
</button>


//수정된 코드
<button onClick={condition ? value : undefined}>
  Click
</button>