NextJS-daky dinamik ýol ugrynda segmentleriň massiwy

Gerek bolsa, ähli segmentleri bir üýtgeýjide massiw görnüşinde almak bolýar. Bunun üçin parametr kwadrat ýaýy içine alynýar we parametriň adynyň öňüne üç nokat goýulýar. Mysal üçin seredeliň.

Aşakdaky görnüşdäki ýol ugrymyz bar diýeliň: /prod/:category/:name/:id/, bu ýerde iki nokat bilen belgilenen parametrler dinamikdir. Geliň, bu parametrleriň bahalaryny bir üýtgeýjä massiw görnüşinde alalyň. Bu üýtgeýjäniň ady islendik bolup biler. Mysal üçin, ony slugs diýip atlandyralyň.

Aşakdaky faýl gurluşyny düzeliň:

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

Degişli komponenti düzeliň:

export default function Prod({ params }) {
	console.log(params); // bahalaryň massiwy
}

/prod/:category/:name görnüşindäki salgylary işleýän ýol ugryny düzüň.

Aşakdaky massiw berlen diýeliň:

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

Parametrleriň bahasyndan aslynda, komponentiň görkezmelerinde degişli önümiň görkezilmegini üpjün ediň.