Serverkomponenten im NextJS-Framework

Betrachten wir die Komponente, die wir in der vorherigen Lektion erstellt haben:

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

Wie bereits erwähnt, sind standardmäßig in NextJS alle Komponenten Serverkomponenten. Dabei stehen uns alle Möglichkeiten der JSX-Sprache zur Verfügung, mit Ausnahme der Arbeit mit States und anderer ähnlicher Hooks.

Lassen Sie uns als Beispiel eine Variable erstellen und sie im Markup ausgeben:

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

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