⊗jsnxPmBsSC 13 of 57 menu

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.

Polski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć