[Next.js] parameter id

한별·2023년 12월 11일
0

Next.js

목록 보기
2/6

예를 들어 order/{productId}와 같이 productId에 해당하는 특정 상품의 주문 페이지를 보여주고 싶을 때는 다음과 같은 방법을 사용한다.

1. page.js 생성

/app/order/[productId]/ 폴더를 만들어서 productId 폴더에 page.js 페이지를 생성한다.

2. productId를 받아오기

page.js에서 component parameter에 props를 넣고
props.params.productId를 찍으면 productId 값이 나온다!

참고자료

Next.js 13 - 5. 라우팅 | 생활코딩(Youtube)

profile
누구나 이해하기 쉽게 글 쓰고 싶은 FE 개발자

0개의 댓글