Komponen Pelayan dalam Framework NextJS

Mari kita lihat komponen yang dicipta oleh kami dalam pelajaran sebelumnya:

src/app/test/page.jsxexport 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:

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}

jsxlet prods = [
  'prod1',
  'prod2',
  'prod3',
];