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

පරාමිතිවල අගයන් මත පදනම්ව සංරචකයේ වර්ණනයේ අදාල නිෂ්පාදනය ප්‍රදර්ශනය වන පරිදි සකසන්න.