Դինամիկ Ռուտեր 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 պարամետրի արժեքից կոմպոնենտի վերտում արտածվի համապատասխան պրոդուկտը: