async 서버 컴포넌트 params 접근 오류

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

JAVASCRIPT

// app/posts/[id]/page.js

export default async function PostPage({ params }) {
    const post = await fetch(
        `https://api.example.com/posts/${params.id}`
    ).then(res => res.json());

    return <h1>{post.title}</h1>;
}

답변

params.id를 Number()로 감싸야 함 Next.js 15+에서 params는 Promise이므로 await params를 먼저 수행해야 함 fetch 대신 axios를 사용해야 함 서버 컴포넌트에서 async를 사용할 수 없음

로그인 후 제출하기