Các API của React DOM

Gói react-dom chứa các phương thức chỉ được hỗ trợ cho các ứng dụng web (chạy trong môi trường DOM của trình duyệt). Chúng không được hỗ trợ cho React Native.


Các API

Các API này có thể được nhập từ các component của bạn. Chúng hiếm khi được sử dụng:

  • createPortal cho phép bạn render các component con ở một phần khác của cây DOM.
  • flushSync cho phép bạn buộc React cập nhật trạng thái và cập nhật DOM một cách đồng bộ.

Các API tải trước tài nguyên

Các API này có thể được sử dụng để làm cho ứng dụng nhanh hơn bằng cách tải trước các tài nguyên như script, stylesheet và font ngay khi bạn biết bạn cần chúng, ví dụ: trước khi điều hướng đến một trang khác nơi các tài nguyên sẽ được sử dụng.

Các framework dựa trên React thường xử lý việc tải tài nguyên cho bạn, vì vậy bạn có thể không phải tự gọi các API này. Tham khảo tài liệu của framework để biết thêm chi tiết.

  • prefetchDNS cho phép bạn tìm nạp trước địa chỉ IP của một tên miền DNS mà bạn dự kiến ​​sẽ kết nối.
  • preconnect cho phép bạn kết nối với một máy chủ mà bạn dự kiến ​​sẽ yêu cầu tài nguyên từ đó, ngay cả khi bạn chưa biết tài nguyên nào bạn sẽ cần.
  • preload cho phép bạn tìm nạp một stylesheet, font, hình ảnh hoặc script bên ngoài mà bạn dự kiến ​​sẽ sử dụng.
  • preloadModule cho phép bạn tìm nạp một module ESM mà bạn dự kiến ​​sẽ sử dụng.
  • preinit cho phép bạn tìm nạp và đánh giá một script bên ngoài hoặc tìm nạp và chèn một stylesheet.
  • preinitModule cho phép bạn tìm nạp và đánh giá một module ESM.

Các điểm vào

Gói react-dom cung cấp hai điểm vào bổ sung:

  • react-dom/client chứa các API để render các component React trên client (trong trình duyệt).
  • react-dom/server chứa các API để render các component React trên server.

Các API đã bị loại bỏ

Các API này đã bị loại bỏ trong React 19: