Các API React Tích Hợp

Ngoài HooksComponents, gói react xuất ra một vài API khác hữu ích cho việc định nghĩa các component. Trang này liệt kê tất cả các API React hiện đại còn lại.


  • createContext cho phép bạn định nghĩa và cung cấp context cho các component con. Được sử dụng với useContext.
  • forwardRef cho phép component của bạn hiển thị một DOM node như một ref cho component cha. Được sử dụng với useRef.
  • lazy cho phép bạn trì hoãn việc tải code của một component cho đến khi nó được render lần đầu tiên.
  • memo cho phép component của bạn bỏ qua việc re-render khi props không thay đổi. Được sử dụng với useMemouseCallback.
  • startTransition cho phép bạn đánh dấu một cập nhật trạng thái là không khẩn cấp. Tương tự như useTransition.
  • act cho phép bạn bao bọc các lần render và tương tác trong các bài kiểm tra để đảm bảo các cập nhật đã được xử lý trước khi đưa ra các khẳng định.

Resource APIs

Resources có thể được truy cập bởi một component mà không cần chúng là một phần của state của component đó. Ví dụ: một component có thể đọc một tin nhắn từ một Promise hoặc đọc thông tin kiểu dáng từ một context.

Để đọc một giá trị từ một resource, hãy sử dụng API này:

  • use cho phép bạn đọc giá trị của một resource như một Promise hoặc context.
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
// ...
}