page.js
Una página es una interfaz de usuario única para una ruta.
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
(opcional)
Un objeto que contiene los parámetros de ruta dinámica desde el segmento raíz hasta esa página. Por ejemplo:
Ejemplo | 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
(opcional)
Un objeto que contiene los parámetros de búsqueda de la URL actual. Por ejemplo:
URL | searchParams |
---|---|
/shop?a=1 | { a: '1' } |
/shop?a=1&b=2 | { a: '1', b: '2' } |
/shop?a=1&a=2 | { a: ['1', '2'] } |
Nota importante:
searchParams
es una API dinámica cuyos valores no se pueden conocer de antemano. Su uso hará que la página opte por un renderizado dinámico en el momento de la solicitud.searchParams
devuelve un objeto JavaScript plano y no una instancia deURLSearchParams
.
Historial de versiones
Versión | Cambios |
---|---|
v13.0.0 | Se introdujo page . |