Serverkomponenten im NextJS-Framework
Betrachten wir die Komponente, die wir in der vorherigen Lektion erstellt haben:
export default function Test() {
return <h1>hello, user!</h1>;
}
Wie bereits erwähnt, sind standardmäßig in NextJS alle Komponenten Serverkomponenten. Dabei stehen uns alle Möglichkeiten der JSX-Sprache zur Verfügung, mit Ausnahme der Arbeit mit States und anderer ähnlicher Hooks.
Lassen Sie uns als Beispiel eine Variable erstellen und sie im Markup ausgeben:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Gegeben ist ein Array von Produkten:
let prods = [
'prod1',
'prod2',
'prod3',
];
Geben Sie diese Produkte mit Hilfe einer Schleife
als Liste ul innerhalb Ihrer
Serverkomponente aus.
