Safu ya Sehemu katika Njia Dinamiki katika NextJS

Ikiwa ni lazima, inawezekana kupata safu ya sehemu zote katika kutofautiana moja. Kwa hili, kigezo kinachukuliwa kwenye mabano mraba, na mbele ya jina la kigezo huwekwa alama ya nukta tatu. Tuangalie kwa mfano.

Wacha tuwe na njia ifuatayo: /prod/:category/:name/:id/, ambapo vigezo vilivyoonyeshwa na koloni ni vya kinyume. Wacha tupate safu ya thamani za vigezo hivi katika kutofautiana fulani. Jina la kutofautiana hii linaweza kuwa lolote. Kwa mfano, tuite slugs.

Tufanye muundo wa faili ufuatao:

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

Tufanye sehemu inayofanana:

export default function Prod({ params }) {
	console.log(params); // safu ya thamani
}

Fanya njia inayoshughulikia anwani za aina /prod/:category/:name.

Wacha tuwe na safu ifuatayo:

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

Fanya ili kulingana na thamani za vigezo katika muundo wa sehemu, bidhaa inayofanana ionyeshwe.