Next js как сделать необязательный url параметр?

Question

Next js как сделать необязательный url параметр?

Челик) Ученик (62), на голосовании 1 месяц назад

next js как сделать необязательный url параметр например папка test и там внутри [category] то есть если по обоим этим url перешли то все работало чтоб test/1 /test

Answer 1

Чтобы сделать необязательный URL-параметр в Next.js, создайте папку с именем [category] внутри папки pages/test. Затем добавьте файл index.js и используйте getStaticPaths для определения маршрутов. Пример кода:

 // pages/test/[category]/index.js 
import { useRouter } from 'next/router'; 
 
export default function CategoryPage() { 
  const router = useRouter(); 
  const { category } = router.query; 
 
  return <div>Category: {category || 'Default Category'}</div>; 
} 
 
export async function getStaticPaths() { 
  return { 
    paths: [{ params: { category: '1' } }], 
    fallback: true, 
  }; 
}