NextJS Frameworkində Server Komponentlər
Əvvəlki dərsdə yaratdığımız komponenti nəzərdən keçirək:
export default function Test() {
return <h1>hello, user!</h1>;
}
Daha əvvəl qeyd edildiyi kimi, default olaraq NextJS-də bütün komponentlər server komponentləridir. Bu zaman bizə JSX dilinin bütün imkanları əlçatındır, state-lərlə iş və digər oxşar hook-lar istisna olmaqla.
Nümunə üçün gəlin bir dəyişən yaradaq və onu verstişdə çıxaraq:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Məhsullar massivi verilib:
let prods = [
'prod1',
'prod2',
'prod3',
];
Döngüdən istifadə edərək bu məhsulları
server komponentinizin daxilində ul
şəklində siyahı kimi çıxarın.
