7-1 서버 액션에서 Page 컴포넌트 옮기는 과정 질문드립니다.
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요 정환님 강의 잘 보고 있습니다. 이번 섹션 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로부터 꺼내와야 된다는 업데이트 강의 부분을 보고 한거라서 이게 맞는지 헷갈리네요 강의 전체를 아직 수강 전 인데 헷갈릴까봐 질문드립니다.
- react
- typescript
- next.js
- 서버액션
- next.js15