Komponen Pelayan dalam Framework NextJS
Mari kita lihat komponen yang dicipta oleh kami dalam pelajaran sebelumnya:
export default function Test() {
return <h1>hello, user!</h1>;
}
Seperti yang telah disebutkan sebelum ini, secara lalai dalam NextJS semua komponen adalah komponen pelayan. Pada masa yang sama, kami mempunyai akses kepada semua kemungkinan bahasa JSX, kecuali bekerja dengan keadaan (state) dan hook lain yang serupa.
Sebagai contoh, mari kita buat pembolehubah dan outputkannya dalam markup:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Diberi array produk:
let prods = [
'prod1',
'prod2',
'prod3',
];
Dengan menggunakan gelung, outputkan produk-produk ini
dalam bentuk senarai ul di dalam
komponen pelayan anda.
