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:
export 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:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Cho một mảng sản phẩm:
let prods = [
'prod1',
'prod2',
'prod3',
];
Sử dụng vòng lặp, hãy xuất các sản phẩm này
dưới dạng danh sách ul bên trong
thành phần phía máy chủ của bạn.
