Serverkomponenter i NextJS-frameworket

Lad os se på komponenten, som vi oprettede i den forrige lektion:

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

Som tidligere nævnt er alle komponenter som standard serverkomponenter i NextJS. Samtidig har vi adgang til alle funktioner i JSX-sproget, bortset fra arbejde med stater og andre lignende hooks.

Lad os som et eksempel lave en variabel og udskrive den i vores kode:

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

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