Bedienerkomponente in die NextJS-raamwerk

Laat ons die komponent wat ons geskep het in die vorige les, ondersoek:

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

Soos reeds vroeër genoem, by verstek in NextJS is alle komponente bediener-kant. Terselfdertyd is alle funksies van die JSX taal vir ons beskikbaar, met die uitsondering van werk met state en ander soortgelyke hooks.

As voorbeeld, laat ons 'n veranderlike maak en dit in die opmaak toon:

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

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