[React] 버튼 자동 클릭/2번 클릭 방지하는 방법

❗️ 원인

onClick 이벤트에 함수가 아닌 실행문을 전달할 경우, 렌더링 될 때 onClick 이벤트가 실행됩니다.

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

위와 같이 작성할 경우, 렌더링 될 때 버튼이 자동으로 클릭됩니다.

✅ 해결방법

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

위와 같이 작성하면 버튼을 클릭할 경우에만 프로그램이 실행됩니다.

---

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요.

그럼 오늘도 즐거운 하루 보내시길 바랍니다 :)

고맙습니다😊