Komponenty serwerowe w frameworku NextJS
Rozważmy komponent utworzony przez nas w poprzedniej lekcji:
export default function Test() {
return <h1>hello, user!</h1>;
}
Jak już wspomniano wcześniej, domyślnie w NextJS wszystkie komponenty są serwerowe. Jednocześnie mamy dostęp do wszystkich możliwości języka JSX, z wyjątkiem pracy ze stanami i innych podobnych hooków.
Dla przykładu zróbmy zmienną i wyświetlmy ją w wersji:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Dana jest tablica produktów:
let prods = [
'prod1',
'prod2',
'prod3',
];
Za pomocą pętli wyświetl te produkty
w postaci listy ul wewnątrz twojego
komponentu serwerowego.