Komponen Server dalam Framework NextJS
Mari kita perhatikan komponen yang dibuat oleh kita pada pelajaran sebelumnya:
export default function Test() {
return <h1>hello, user!</h1>;
}
Seperti yang telah disebutkan sebelumnya, secara default di NextJS semua komponen adalah komponen server. Sementara itu, kita memiliki akses ke semua fitur bahasa JSX, kecuali untuk bekerja dengan state dan hook lainnya yang serupa.
Sebagai contoh, mari kita buat sebuah variabel dan tampilkan dalam tampilan:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Diberikan sebuah array produk:
let prods = [
'prod1',
'prod2',
'prod3',
];
Dengan menggunakan loop, tampilkan produk-produk ini
dalam bentuk daftar ul di dalam
komponen server Anda.
