page.js
Страница (page) — это пользовательский интерфейс, уникальный для конкретного маршрута.
export default function Page({
params,
searchParams,
}: {
params: { slug: string }
searchParams: { [key: string]: string | string[] | undefined }
}) {
return <h1>My Page</h1>
}
export default function Page({ params, searchParams }) {
return <h1>My Page</h1>
}
Пропсы (Props)
params
(опционально)
Объект, содержащий динамические параметры маршрута (dynamic route parameters) от корневого сегмента до данной страницы. Например:
Пример | 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
(опционально)
Объект, содержащий параметры поиска (search parameters) текущего 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 (Dynamic API), значения которого невозможно предсказать заранее. Его использование приведёт к динамическому рендерингу (dynamic rendering) во время запроса.searchParams
возвращает простой JavaScript-объект, а не экземплярURLSearchParams
.
История версий
Версия | Изменения |
---|---|
v13.0.0 | Добавлен page . |