NextJS में डायनेमिक रूट्स

app/users/[id]/page.jsxexport default function User() {
  return <p>
    user
  </p>;
}

app/users/[id]/page.jsxexport default function User({ params }) {
  return <p>
    user {params.id}
  </p>;
}

Задание 1

एक ऐसा रूट बनाएं जो /city/:name प्रकार के पतों को संसाधित करता हो, जहाँ :name के स्थान पर कोई भी स्ट्रिंग हो सकती है।

Задание 2

एक ऐसा रूट बनाएं जो /show/:country/:city प्रकार के पतों को संसाधित करता हो, जहाँ :country और :city के स्थान पर कोई भी स्ट्रिंग हो सकती है।

Задание 3

एक ऐसा रूट बनाएं जो /post/:id प्रकार के पतों को संसाधित करता हो, जहाँ :id के स्थान पर कोई भी संख्या हो सकती है।

मान लीजिए निम्नलिखित ऐरे दिया गया है:

page.jsxlet posts = [
  'post1',
  'post2',
  'post3',
  'post4',
  'post5',
];

export default function Post() {
  
}

ऐसा बनाएं कि पैरामीटर id के मान के आधार पर कंपोनेंट के मार्कअप में संबंधित पोस्ट प्रदर्शित हो।

Задание 4

एक ऐसा रूट बनाएं जो /prod/:id प्रकार के पतों को संसाधित करता हो, जहाँ :id के स्थान पर कोई भी संख्या हो सकती है।

मान लीजिए निम्नलिखित ऐरे दिया गया है:

page.jsxlet prods = [
  {
    id: 1,
    name: 'prod1',
    cost: 100,
  },
  {
    id: 2,
    name: 'prod2',
    cost: 200,
  },
  {
    id: 3,
    name: 'prod3',
    cost: 300,
  },
];

export default function Prod() {
  
}

ऐसा बनाएं कि पैरामीटर id के मान के आधार पर कंपोनेंट के मार्कअप में संबंधित प्रोडक्ट प्रदर्शित हो।