page.js

A страница — это пользовательский интерфейс, уникальный для маршрута.

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

Свойства

params (необязательно)

Объект, содержащий параметры динамического маршрута от корневого сегмента до данной страницы. Например:

Пример	URL	`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 (необязательно)

Объект, содержащий параметры поиска текущего URL. Например:

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

Важно знать:

searchParams — это динамический API, значения которого невозможно узнать заранее. Использование этого свойства подключает страницу к динамическому рендерингу во время запроса.

searchParams возвращает обычный JavaScript-объект, а не экземпляр URLSearchParams.

История версий

Версия	Изменения
`v13.0.0`	`page` был представлен.