잘못된 동적 라우트 폴더명

다음 Next.js App Router 구조에서 버그를 찾으세요:

JAVASCRIPT

// 파일 구조:
// app/blog/:id/page.js

export default function BlogPost({ params }) {
    return <h1>Blog Post {params.id}</h1>;
}

답변

동적 라우트 폴더명에 대문자를 써야 함 동적 라우트는 :id가 아닌 [id] 형식의 폴더명을 사용해야 함 params는 props가 아닌 useParams 훅으로 가져와야 함 page.js 대신 route.js를 사용해야 함

로그인 후 제출하기