Szerver komponensek a NextJS keretrendszerben

Nézzük meg a komponenst, amit az előző leckében hoztunk létre:

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

Ahogy azt már korábban említettük, alapértelmezetten a NextJS-ben minden komponens szerver oldali. Ezalatt a JSX nyelv minden lehetősége elérhető számunkra, kivéve az állapotok kezelését és más hasonló hook-okat.

Példaként hozzunk létre egy változót és jelenítsük meg a felületén:

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

Задание 1

Adott egy termék tömb:

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

Egy ciklus segítségével jelenítsd meg ezeket a termékeket egy ul listában a szerver komponensed belül.