Các thành phần phía máy chủ trong framework NextJS

Hãy xem xét thành phần mà chúng ta đã tạo trong bài học trước:

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

Như đã đề cập trước đó, theo mặc định trong NextJS, tất cả các thành phần đều là phía máy chủ. Đồng thời, chúng ta có quyền truy cập vào tất cả các tính năng của ngôn ngữ JSX, ngoại trừ việc làm việc với trạng thái (state) và các hook tương tự khác.

Để minh họa, hãy tạo một biến và hiển thị nó trong phần giao diện:

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

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