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:

EjemploURLparams
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:

URLsearchParams
/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 de URLSearchParams.

Historial de versiones

VersiónCambios
v13.0.0Se introdujo page.