onClick 즉시 실행 버그 - 코딩 테스트

컴포넌트가 마운트되자마자 alert가 뜹니다. 버그를 찾으세요:

JSX

function AlertButton() {
  const showAlert = () => {
    alert('클릭!');
  };

  return (
    <button onClick={showAlert()}>클릭하세요</button>
  );
}

답변

onClick에 함수 호출 결과(showAlert())를 전달하여 렌더링 시 즉시 실행됨 button 태그에 onClick을 쓸 수 없음 const로 선언한 함수는 이벤트 핸들러로 쓸 수 없음 alert 함수는 React에서 사용할 수 없음

로그인 후 제출하기