서버 컴포넌트에서 이벤트 핸들러 사용

다음 코드에서 버그를 찾으세요:

JAVASCRIPT

// app/components/Button.js
// (use client 디렉티브 없음)

export default function Button() {
    function handleClick() {
        alert('Clicked!');
    }

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

답변

alert 대신 console.log를 써야 함 button 태그에 type 속성이 없어서 오류 발생 handleClick 함수를 화살표 함수로 선언해야 함 서버 컴포넌트에서 onClick 같은 이벤트 핸들러를 사용할 수 없음

로그인 후 제출하기