Низа од сегменти во динамичкиот рутер во NextJS

Доколку е потребно, може да се добие низа од сите сегменти во една променлива. За ова, параметарот се става во квадратни загради, а пред името на параметарот се става три точки. Ајде да погледнеме на пример.

Нека имаме рутер со следниот вид: /prod/:category/:name/:id/, каде што параметрите означени со две точки се динамички. Ајде да ги добиеме вредностите на овие параметри во некоја променлива. Името на оваа променлива може да биде било какво. На пример, да ја наречеме slugs.

Ајде да ја направиме следната фајлова структура:

• /app//prod//[...slugs]/

Ајде да го направиме соодветниот компонент:

app/prod/[...slugs]/page.jsxexport default function Prod({ params }) {
  console.log(params); // низа од вредности
}

page.jsxlet prods = [
  {
    category: 'catg1',
    name: 'prod1',
    cost: 100,
  },
  {
    category: 'catg1',
    name: 'prod2',
    cost: 200,
  },
  {
    category: 'catg2',
    name: 'prod1',
    cost: 300,
  },
  {
    category: 'catg2',
    name: 'prod3',
    cost: 400,
  },
];