Serverkomponenter i NextJS-rammeverket

La oss se på en komponent som vi opprettet i forrige leksjon:

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

Som tidligere nevnt, er alle komponenter i NextJS serverkomponenter som standard. Samtidig har vi tilgang til alle mulighetene i JSX-språket, med unntak av arbeid med states og andre lignende hooks.

La oss for eksempel opprette en variabel og vise den i oppsettet:

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

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