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:
findDOMNode
: xem các lựa chọn thay thế.hydrate
: sử dụnghydrateRoot
thay thế.render
: sử dụngcreateRoot
thay thế.unmountComponentAtNode
: sử dụngroot.unmount()
thay thế.renderToNodeStream
: sử dụngreact-dom/server
APIs thay thế.renderToStaticNodeStream
: sử dụngreact-dom/server
APIs thay thế.