Serveriniai komponentai NextJS karkase
Panagrinėkime komponentą, kurį sukūrėme ankstesnėje pamokoje:
export default function Test() {
return <h1>hello, user!</h1>;
}
Kaip jau minėta anksčiau, pagal nutylėjimą NextJS visi komponentai yra serveriniai. Tuomet mums prieinamos visos JSX kalbos galimybės, išskyrus darbą su būsenomis ir kitais panašiais hooks'ais.
Pavyzdžiui, sukurkime kintamąjį ir išveskime jį išdėstyme:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Duotas produktų masyvas:
let prods = [
'prod1',
'prod2',
'prod3',
];
Naudodami ciklą išveskite šiuos produktus
sąrašo ul pavidalu savo
serveriniame komponente.
