Parámetros de Next.js indefinidos [duplicado]

Resuelto letmeeatbrioche asked hace 9 meses • 1 respuestas

Estoy intentando obtener el punto final de una página en mi aplicación Next.js usando los parámetros de URL, pero sigue apareciendo undefinedaunque puedo ver el punto final en el navegador.

Intenté usar usePathnamedesde siguiente/navegación, y eso funciona, pero requiere el uso en un componente de cliente, lo cual no puedo hacer porque necesito usar async/await para el componente porque está obteniendo datos de una base de datos.

En app/category/[id]/page.tsx:

const CategoryPage = async (props: Props, { params }) => {
  ...
  let notes = await getNotes(params.id);
}

La getNotesfunción es una función de solicitud en una carpeta de utilidades que recupera mi ruta API en app/api/[id]/route.ts.

También intenté cambiar la estructura del archivo para la ruta API para incluir una "categoría" como esta:, app/api/category/[id]/route.tspero esto no tuvo ningún efecto.

Inicio la aplicación con npm run dev. Cuando intento acceder a la página de categorías, la ruta esperada se muestra en el navegador, pero en su lugar carga la página de error que dice que paramsno está definida.

letmeeatbrioche avatar Feb 16 '24 08:02 letmeeatbrioche
Aceptado

Desde Next.js - Rutas dinámicas :

const CategoryPage = async ({ params }: { params: { id: string } }) => {
  // ...
  let notes = await getNotes(params.id);
  // ...
}

paramsse proporcionaría en el primer argumento de la función.

zouabi avatar Feb 16 '2024 02:02 zouabi