Parámetros de Next.js indefinidos [duplicado]
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 undefined
aunque puedo ver el punto final en el navegador.
Intenté usar usePathname
desde 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 getNotes
funció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.ts
pero 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 params
no está definida.
Desde Next.js - Rutas dinámicas :
const CategoryPage = async ({ params }: { params: { id: string } }) => {
// ...
let notes = await getNotes(params.id);
// ...
}
params
se proporcionaría en el primer argumento de la función.