Seva za Seva katika Mfumo wa NextJS

Tuchunguze sehemu tuliyounda katika somo lilopita:

src/app/test/page.jsxexport default function Test() {
  return <h1>hello, user!</h1>;
}

Kama tulivyoeleza hapo awali, kwa default katika NextJS sehemu zote ni za seva. Wakati huo hutu, tunapata uwezo wote wa lugha ya JSX, isipokuwa kufanya kazi na hali na vilima vingine sawa.

Kwa mfano tufanye kibadala na tuionyeshe kwenye muundo:

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}

Задание 1

Kuna orodha ya bidhaa:

jsxlet prods = [
  'prod1',
  'prod2',
  'prod3',
];

Kwa kutumia kitanzi onyesha bidhaa hizi kwa mfumo wa orodha ul ndani ya sehemu yako ya seva.