NEXT.JS page.js 파라미터 처리

NEXT.JS page.js 파라미터 처리
- 화면에 데이터값을 전달할때 사용하는 소스입니다.

code
export default function Page({
  params,
  searchParams,
}: {
  params: { slug: string }
  searchParams: { [key: string]: string | string[] | undefined }
}) {
  return <h1>My Page</h1>
}


params
- app/shop/[slug]/page.js /shop/1 { slug: '1' }
- app/shop/[category]/[item]/page.js /shop/1/2 { category: '1', item: '2' }
- app/shop/[...slug]/page.js /shop/1/2 { slug: ['1', '2'] }

searchParams
- /shop?a=1 { a: '1' }
- /shop?a=1&b=2 { a: '1', b: '2' }
- /shop?a=1&a=2 { a: ['1', '2'] }