Server Components in het NextJS Framework

Laten we de component bekijken die we hebben gemaakt in de vorige les:

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

Zoals eerder vermeld, zijn standaard in NextJS alle componenten server components. Tegelijkertijd hebben we toegang tot alle mogelijkheden van de JSX-taal, met uitzondering van het werken met states en andere vergelijkbare hooks.

Laten we bijvoorbeeld een variabele maken en deze weergeven in de opmaak:

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

Задание 1

Er is een array van producten:

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

Gebruik een loop om deze producten weer te geven als een ul lijst binnen je server component.