Serverkomponenter i NextJS-ramverket
Låt oss titta på komponenten vi skapade i föregående lektion:
export default function Test() {
return <h1>hello, user!</h1>;
}
Som tidigare nämnts är alla komponenter i NextJS serverkomponenter som standard. Samtidigt har vi tillgång till alla funktioner i JSX-språket, förutom att arbeta med states och andra liknande hooks.
Låt oss som exempel skapa en variabel och visa den i vår markup:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Det finns en array med produkter:
let prods = [
'prod1',
'prod2',
'prod3',
];
Använd en loop för att visa dessa produkter
som en lista ul inuti din
serverkomponent.
