Question 1

JSX trong React là gì?

Accepted Answer

JSX là một phần mở rộng cú pháp của JavaScript cho phép viết markup giống HTML trực tiếp trong mã JavaScript. Nó được Babel chuyển đổi thành các lệnh gọi hàm React.createElement trong quá trình biên dịch. Sử dụng JSX giúp mã dễ đọc hơn và cho phép phát hiện lỗi tại thời điểm biên dịch thông qua typing, đồng thời kết hợp sức mạnh của JavaScript với cú pháp quen thuộc.

Question 2

Cú pháp nào đúng để sử dụng biểu thức JavaScript trong JSX?

Accepted Answer

Dấu ngoặc nhọn đơn cho phép tích hợp bất kỳ biểu thức JavaScript hợp lệ nào vào JSX, chẳng hạn như biến, hàm hoặc phép tính. Cú pháp này tạo ra ranh giới rõ ràng giữa markup JSX và mã JavaScript động. Dấu ngoặc nhọn đôi được dùng cho các đối tượng style inline, dấu ngoặc tròn để nhóm JSX nhiều dòng và dấu ngoặc vuông cho mảng JavaScript.

Question 3

Sự khác biệt chính giữa className trong JSX và class trong HTML là gì?

Accepted Answer

JSX sử dụng className thay vì class vì class là từ khóa dành riêng trong JavaScript để khai báo các lớp ES6. Vì JSX được chuyển đổi thành JavaScript, sử dụng class sẽ tạo ra xung đột cú pháp. Tương tự, for trở thành htmlFor và các sự kiện sử dụng camelCase. Quy ước này cho phép JSX vẫn là JavaScript hợp lệ trong khi cung cấp cú pháp tương tự HTML.

Nền tảng React

JSX trong React là gì?

Câu trả lời

Cú pháp nào đúng để sử dụng biểu thức JavaScript trong JSX?

Câu trả lời

Sự khác biệt chính giữa className trong JSX và class trong HTML là gì?

Câu trả lời

Làm thế nào để viết chú thích trong mã JSX?

Functional component trong React là gì?

Các chủ đề phỏng vấn React / Next.js khác

Nền tảng JavaScript

React Hooks

Vòng đời component

React Router

Quản lý state với Context

Biểu mẫu và Controlled Components

Lấy dữ liệu & API

React Query (TanStack Query)

Styling & CSS-in-JS

Nền tảng Next.js

TypeScript với React

Data Fetching trong Next.js

Server Actions trong Next.js

Định tuyến & Điều hướng trong Next.js

API Routes trong Next.js

Metadata & SEO trong Next.js

Middleware & Auth trong Next.js

Kiểm thử React

Zustand State Management

Tối ưu hiệu năng React

Error Boundaries & Error Handling

Advanced React Patterns

Tính năng nâng cao của Next.js

Triển khai & Môi trường Production với Next.js

Architecture & Design Patterns

React Server Components

Quốc tế hóa Next.js

React Bảo mật & Thực hành tốt nhất

Nắm vững React / Next.js cho lần phỏng vấn tiếp theo