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

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

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

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

/app/
- /prod/
  - /[...slugs]/

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

export default function Prod({ params }) {
	console.log(params); // низа од вредности
}

Направете рутер кој ќе ги обработува адресите од видот /prod/:category/:name.

Нека е дадена следнава низа:

let 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,
	},
];

Направете така што во зависност од вредноста на параметрите во верстката на компонентата да се прикаже соодветниот производ.