NextJS freymvorkida server komponentlari
Oldingi darsda yaratgan komponentimizni ko'rib chiqaylik:
export default function Test() {
return <h1>hello, user!</h1>;
}
Ilgari aytib o'tilganidek, sukut bo'yicha NextJSda barcha komponentlar server komponentlardir. Bunda bizga JSX tilining barcha imkoniyatlari, state bilan ishlash va boshqa shu kabi hooklardan tashqari, mavjud.
Misol uchun, keling o'zgaruvchi yarataylik va uni sahifada chiqaraylik:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Mahsulotlar massivi berilgan:
let prods = [
'prod1',
'prod2',
'prod3',
];
Sikldan foydalanib, ushbu mahsulotlarni
server komponentingiz ichida ul
ro'yxati shaklida chiqaring.
