'use client' 누락 오류

다음 Next.js App Router 컴포넌트에서 버그를 찾으세요:

JAVASCRIPT

import { useState } from 'react';

export default function Counter() {
    const [count, setCount] = useState(0);
    return (
        <button onClick={() => setCount(count + 1)}>
            Count: {count}
        </button>
    );
}

답변

useState import 경로가 잘못됨 onClick 이벤트 핸들러 문법이 잘못됨 export default 대신 export를 써야 함 'use client' 디렉티브가 파일 최상단에 없어서 서버 컴포넌트에서 useState 사용 불가

로그인 후 제출하기