Bedienerkomponente in die NextJS-raamwerk
Laat ons die komponent wat ons geskep het in die vorige les, ondersoek:
export 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:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Daar is 'n array van produkte:
let prods = [
'prod1',
'prod2',
'prod3',
];
Gebruik 'n lus om hierdie produkte te toon
as 'n ul lys binne jou
bedienerkomponent.
