Hướng dẫn cơ bản về React

Giới thiệu Cài đặt React Kết nối plugin react-devtools Cách tiếp cận component Bố cục trang web Kết quả hoạt động của component

Ngôn ngữ JSX

Giới thiệu về JSX Trả về các thẻ lồng nhau Xuống dòng cho thẻ Trả về nhiều thẻ Trả về thẻ chưa đóng Hàm trả về thẻ rỗng Chèn giá trị biến Sắc thái khi chèn biến Chèn mảng Chèn đối tượng Chèn vào thuộc tính Lưu trữ thẻ trong JSX Lưu trữ nhiều thẻ Thẻ trên các dòng khác nhau Trả về các thẻ Tính đóng của thẻ JSX Tính đúng đắn của bố cục Thực thi mã JavaScript

Điều kiện

Điều kiện trong JSX Hiển thị theo điều kiện Điều kiện để trả về thẻ Toán tử ba ngôi trong JSX Sử dụng toán tử && trong JSX Đảo ngược để rút gọn điều kiện

Hàm

Sử dụng hàm Gọi hàm bên trong thẻ Gắn trình xử lý Tham số của trình xử lý Đối tượng Event Đối tượng Event khi truyền tham số

Tạo thành thẻ

Mảng thẻ Mảng thẻ trong vòng lặp Thẻ từ mảng dữ liệu Khóa trong mảng Mảng đối tượng Khóa thông qua id Bảng từ mảng đối tượng

ID độc nhất

Thảo luận Vấn đề với ID mới Chuỗi ngẫu nhiên cho ID Tạo ID Hàm tạo ID Sử dụng hàm ID Sử dụng hàm sai cách

States

Giới thiệu về States Sử dụng Reactivity Giá trị Boolean trong State Bộ đếm khi làm việc với States

Biểu mẫu

Làm việc với input Thay đổi dữ liệu input khi xuất chúng Thay đổi dữ liệu bằng hàm Làm việc với nhiều input Xử lý dữ liệu biểu mẫu Làm việc với textarea Làm việc với checkbox Checkbox và render có điều kiện Làm việc với select Các mục select từ mảng Thuộc tính value trong select Thuộc tính value của select từ mảng Làm việc với radio Giá trị mặc định Liên kết input với mảng Liên kết input với đối tượng

Dữ liệu

Giới thiệu Thêm phần tử vào mảng một cách phản ứng Các thao tác phản ứng trên mảng Thêm phần tử vào mảng đối tượng một cách phản ứng Các thao tác phản ứng trên mảng đối tượng Hiển thị dữ liệu phản ứng

Các thành phần

Giới thiệu về các thành phần Sử dụng các thành phần Nhiều phiên bản của thành phần Props của thành phần Các thành phần con Mảng để tạo các thành phần con Các thành phần con trong vòng lặp Truyền states vào các thành phần con Truyền id vào thành phần Thay đổi state của thành phần cha Chỉnh sửa state của thành phần cha Chỉnh sửa state của thành phần ông bà Chế độ hoạt động thông qua states

Khái niệm

Giới thiệu Dữ liệu thành phần Các loại thành phần Luồng dữ liệu một chiều Nâng trạng thái lên Một nguồn chân lý

Tạo kiểu (Styling)

Các phương pháp tạo kiểu trong React CSS Toàn cục Chèn dữ liệu vào thuộc tính style từ một đối tượng Chèn dữ liệu vào thuộc tính style từ một tệp riêng biệt Làm việc với các kiểu CSS trong thuộc tính style Chèn dữ liệu vào thuộc tính style từ các biến Styled Components Props trong Styled Components Props và kết xuất có điều kiện trong Styled Components Các thành phần với kiểu mở rộng Bắt đầu làm việc với CSS modules Tiếp tục làm việc với CSS modules Lệnh composes cho các lớp (class) Lệnh composes cho các tệp

Dự án

Danh sách kiểm tra Sổ tay
↑
Tiếng Việt▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbek
Chúng tôi sử dụng cookie để vận hành trang web, phân tích và cá nhân hóa. Việc xử lý dữ liệu được thực hiện tuân theo Chính sách bảo mật.
chấp nhận tất cả tùy chỉnh từ chối