Font size
WorksheetsQuiz về JSX và React
Total questions: 10
Worksheet time: 5mins
JSX trong React là gì?
Ngôn ngữ mới thay cho JavaScript
Cú pháp mở rộng của JavaScript cho phép viết UI như HTML
Công cụ biên dịch trong React
Framework riêng biệt
Khi dùng JSX, công cụ nào chuyển JSX sang JavaScript mà trình duyệt hiểu được?
Webpack
Babel
Node.js
TypeScript
Lệnh nào khởi tạo dự án React chuẩn với Create React App?
npm init react-app my-app
npx create-react-app my-app
npm install react
react new my-app
Component trong React có thể được viết theo những dạng nào?
Duy nhất là class component
Duy nhất là function component
Cả class component và function component
Chỉ bằng cú pháp JSX
(Nhiều lựa chọn) — Chọn các phát biểu đúng về props:
Là dữ liệu truyền từ component cha xuống con
Là đối tượng chỉ đọc (read-only)
Có thể thay đổi bên trong component con
Có thể chứa cả children
Đâu là cú pháp đúng để định nghĩa một function component React?
function Welcome(props) { return Hello, {props.name}; }
const Welcome = Hello!;
function Welcome = () => Hello!;
Khi viết JSX, thuộc tính class trong HTML phải đổi thành gì?
className
classname
class_
Giữ nguyên class
Vì sao tên component nên bắt đầu bằng chữ in hoa?
Vì React chỉ nhận diện component khi viết hoa chữ cái đầu
Vì quy tắc của JavaScript
Vì Babel yêu cầu như vậy
Vì HTML không cho phép chữ thường
(Nhiều lựa chọn) — Lợi ích của việc chia nhỏ giao diện thành nhiều component nhỏ:
Dễ bảo trì và tái sử dụng
Dễ test và quản lý
React tự động tối ưu hiệu năng
Component React nên hoạt động “như một hàm thuần (pure function)” đối với props có nghĩa là gì?
Luôn trả về kết quả giống nhau nếu props giống nhau
Không thay đổi props bên trong component
Chỉ dùng cho class component
A và B đúng
