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

ऐसा बनाएं कि पैरामीटर्स के मान के आधार पर कंपोनेंट की वर्स्टिंग में संबंधित प्रोडक्ट डिस्प्ले हो।