Serverkomponenter i NextJS-rammeverket
La oss se på en komponent som vi opprettet i forrige leksjon:
export 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:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Det er gitt en array med produkter:
let prods = [
'prod1',
'prod2',
'prod3',
];
Bruk en løkke for å vise disse produktene
som en liste ul inni din
serverkomponent.