Serverkomponenter i NextJS-frameworket
Lad os se på komponenten, som vi oprettede i den forrige lektion:
export default function Test() {
return <h1>hello, user!</h1>;
}
Som tidligere nævnt er alle komponenter som standard serverkomponenter i NextJS. Samtidig har vi adgang til alle funktioner i JSX-sproget, bortset fra arbejde med stater og andre lignende hooks.
Lad os som et eksempel lave en variabel og udskrive den i vores kode:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Der er givet en række produkter:
let prods = [
'prod1',
'prod2',
'prod3',
];
Brug en løkke til at udskrive disse produkter
som en liste ul inde i din
serverkomponent.
