onClick={clickHandler} 괄호 안쓰는 이유

 

<button onClick={clickHandler()}>Change Title</button>

➥ 이렇게 코드를 쓰면, 이 코드 라인이 분석되었을때 자바스크립트가 이것 실행할것이다. 

그리고 JSX코드가 반환될 때 이 코드 라인이 분석된다. 

즉, 클릭할 때 clickHandler가 실행되는 것이 아니라 JSX코드가 평가될 때 실행된다. 이게 너무 이르기 때문에 clickHandler라고 지정만 해주면 된다. 

 

 

👇👇👇

<button onClick={clickHandler}>Change Title</button>

 

😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓