Servera komponenti NextJS ietvarā
Apskatīsim komponentu, ko mēs izveidojām iepriekšējā nodarbībā:
export default function Test() {
return <h1>hello, user!</h1>;
}
Kā jau minēts iepriekš, pēc noklusējuma NextJS visi komponenti ir servera komponenti. Šajā gadījumā mums ir pieejamas visas JSX valodas iespējas, izņemot darbu ar stāvokļiem un citām līdzīgām āķiem.
Piemēram, izveidosim mainīgo un attēlosim to maketā:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Dots produktu masīvs:
let prods = [
'prod1',
'prod2',
'prod3',
];
Izmantojot ciklu, attēlojiet šos produktus
saraksta veidā ul jūsu
servera komponenta iekšienē.