page.js
Eine Page (Seite) ist eine Benutzeroberfläche, die für eine Route eindeutig ist.
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
(optional)
Ein Objekt, das die dynamischen Routenparameter vom Wurzel-Segment bis zu dieser Seite enthält. Zum Beispiel:
Beispiel | 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
(optional)
Ein Objekt, das die Suchparameter der aktuellen URL enthält. Zum Beispiel:
URL | searchParams |
---|---|
/shop?a=1 | { a: '1' } |
/shop?a=1&b=2 | { a: '1', b: '2' } |
/shop?a=1&a=2 | { a: ['1', '2'] } |
Wissenswert:
searchParams
ist eine dynamische API, deren Werte nicht im Voraus bekannt sein können. Die Verwendung führt dazu, dass die Seite zur dynamischen Darstellung (Dynamic Rendering) zur Laufzeit optiert.searchParams
gibt ein einfaches JavaScript-Objekt zurück und keineURLSearchParams
-Instanz.
Versionsverlauf
Version | Änderungen |
---|---|
v13.0.0 | page eingeführt. |