Servera komponenti NextJS ietvarā

Apskatīsim komponentu, ko mēs izveidojām iepriekšējā nodarbībā:

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

Kā jau minēts iepriekš, pēc noklusējuma NextJS visi komponenti ir servera komponenti. Šajā gadījumā mums ir pieejamas visas JSX valodas iespējas, izņemot darbu ar stāvokļiem un citām līdzīgām āķiem.

Piemēram, izveidosim mainīgo un attēlosim to maketā:

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

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