NextJS හි ගතික මාර්ගයේ කොටස් අරාව

අවශ්ය නම්, සියලුම කොටස් එක් විචල්යයකට අරාවක් ලෙස ලබා ගත හැකිය. මේ සඳහා පරාමිතිය වර්ග වරහන් තුළ ගෙන, පරාමිතියේ නමට පෙර ත්රි බින්දුවක් තබනු ලැබේ. අපි උදාහරණයක් බලමු.

අපට පහත ආකාරයේ මාර්ගයක් ඇති යැයි සිතමු: /prod/:category/:name/:id/, යන්තම් අඟවනු ලබන පරාමිති ගතික වේ. අපි මෙම පරාමිතිවල අගයන්ගේ අරාවක් යම් විචල්යයකට ලබා ගනිමු. මෙම විචල්යයේ නම ඕනෑම එකක් විය හැක. උදාහරණයක් ලෙස, අපි එය slugs නම් කරමු.

පහත ගොනු ව්යුහය සාදමු:

• /app//prod//[...slugs]/

අදාල සංරචකය සාදමු:

app/prod/[...slugs]/page.jsxexport default function Prod({ params }) {
  console.log(params); // අගයන්ගේ අරාව
}

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