page.js

Une page est une interface utilisateur unique pour une route.

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

Props

params (optionnel)

Un objet contenant les paramètres de route dynamique depuis le segment racine jusqu'à cette page. Par exemple :

ExempleURLparams
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 (optionnel)

Un objet contenant les paramètres de recherche de l'URL actuelle. Par exemple :

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

Bon à savoir :

  • searchParams est une API Dynamique dont les valeurs ne peuvent pas être connues à l'avance. Son utilisation activera le rendu dynamique au moment de la requête.
  • searchParams retourne un objet JavaScript simple et non une instance de URLSearchParams.

Historique des versions

VersionChangements
v13.0.0Introduction de page.