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