Framework

React Tham Khảo Nhanh

Cheat sheet sẵn sàng để in cho React Tham Khảo Nhanh, được sắp xếp để tra nhanh, học tập và dùng cạnh bàn làm việc

Nguồn
React Documentation (react.dev)
Giấy phép
MIT
Cập nhật
2026-03-27

Mẫu

Nội dung cheat sheet này

  • Cơ Bản JSX
  • Component
  • State (useState)
  • Effect (useEffect)
  • Danh Sách & Key
  • Xử Lý Sự Kiện
  • Render Có Điều Kiện
  • Hook
  • Custom Hook
  • Context API

Biểu Thức & Thuộc Tính

const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;

Quy Tắc JSX

{expression}Nhúng biểu thức JS bất kỳ
classNameDùng thay cho `class`
htmlForDùng thay cho `for`
style={{color: 'red'}}Style inline dưới dạng object
<Component />Thẻ tự đóng bắt buộc
<> ... </>Fragment (không tạo DOM node thêm)

Tải cheat sheet đầy đủ với tất cả các phần, sẵn sàng để in

Tải PDF

Tải xuống

Chọn dạng phù hợp với cách bạn đọc