Niz segmentata u dinamičkom rutiranju u NextJS-u

Kada je potrebno, moguće je dobiti niz svih segmentata u jednu promenljivu. Za ovo, parametar se uzima u uglaste zagrade, a ispred imena parametra stavlja se tri tačke. Pogledajmo primer.

Neka imamo rutu sledećeg oblika: /prod/:category/:name/:id/, gde su parametri označeni dvotačkom dinamički. Hajde da dobijemo niz vrednosti ovih parametara u neku promenljivu. Ime ove promenljive može biti bilo koje. Na primer, nazovimo je slugs.

Napravićemo sledeću fajl strukturu:

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

Napravićemo odgovarajuću komponentu:

export default function Prod({ params }) {
	console.log(params); // niz vrednosti
}

Napravite rutu koja obrađuje adrese oblika /prod/:category/:name.

Neka je dat sledeći niz:

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

Uredite tako da u zavisnosti od vrednosti parametara u verzstci komponente bude prikazan odgovarajući proizvod.