인프런 커뮤니티 질문&답변

안녕하세요 정환님 강의 잘 보고 있습니다.

이번 섹션 8. 7.1) 서버 액션을 소개합니다. 에서 궁금한게 있는데요 이전에 섹션 4. App Router에서 32. 3.2)페이지 라우팅 설정하기 강의에서 "URL 파라미터나 searchParams, Query String 같은 값은 Promise로부터 꺼내써야 되는걸로 알고 그렇게 변경해서 사용했습니다."

const BookDatail = async ({ bookId }: { bookId: string }) => {

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/${bookId}`
  );

// ... 생략

/* 저의 code */
export default async function Page({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  return (
    <div>
      <BookDatail bookId={id} />
    </div>
  );
}

/* 정환님이 강의해서 사용한 code */
export default function Page({
  params,
}: {
  params: {id:string};
}) {
  return (
    <div>
      <BookDatail bookId={params.id} />
    </div>
  );
}

경로 app/book/[id]/page.tsx

URL 파라미터 값을 Promise로부터 꺼내와야 된다는 업데이트 강의 부분을 보고 한거라서 이게 맞는지 헷갈리네요 강의 전체를 아직 수강 전 인데 헷갈릴까봐 질문드립니다.