Matrika segmentov v dinamičnem usmerjevalniku v NextJS

Po potrebi je mogoče pridobiti matriko vseh segmentov v eno spremenljivko. Za to parameter vzamemo v oglate oklepaje, pred imenom parametra pa postavimo tri pike. Poglejmo si primer.

Recimo, da imamo usmerjevalnik naslednje oblike: /prod/:category/:name/:id/, kjer so parametri, označeni z dvopičjem, dinamični. Pridobimo matriko vrednosti teh parametrov v neko spremenljivko. Ime te spremenljivke je lahko poljubno. Na primer, poimenujmo jo slugs.

Naredimo naslednjo datotečno strukturo:

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

Naredimo ustrezen komponent:

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

Naredite usmerjevalnik, ki obdeluje naslove oblike /prod/:category/:name.

Naj bo podana naslednja matrika:

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

Poskrbite, da se bo glede na vrednost parametrov v preoblikovanju komponente izpisal ustrezen produkt.