( ) => { } 버튼을 두번 클릭해야 실행되는 이유 , 이벤트처리

<button id = "btn" onClick = {alert("블로그입니다.")} />

<button id = "btn" onClick ={() => {alert("블로그입니다.")}} />

 

 

위, 아래의 코드의 차이는 ( ) => {  } 

 

위의 코드는 컴포넌트가 렌더링될 때 alert 함수가 즉시 실행되고, 버튼을 클릭했을 때는 아무런 반응이 없게 된다.

아래 코드는 버튼을 클릭할 때 마다 실행이 된다.

 

즉, 이벤트처리는아래 코드를 작성하는게 좋다.