React DOM API
react-dom
套件包含僅支援網頁應用程式(在瀏覽器 DOM 環境中執行)的方法。它們不支援 React Native。
API
這些 API 可以從您的元件中匯入。它們很少使用
createPortal
允許您在 DOM 樹的不同部分渲染子元件。flushSync
允許您強制 React 同步清除狀態更新並更新 DOM。
資源預載 API
這些 API 可用於在您知道需要資源(例如指令碼、樣式表和字型)後立即預載它們,例如在瀏覽到將使用這些資源的另一個頁面之前,從而使應用程式更快。
基於 React 的框架 通常會為您處理資源載入,因此您可能不必自己呼叫這些 API。有關詳細資訊,請參閱您框架的文件。
prefetchDNS
允許您預先擷取您預期要連線到的 DNS 網域名稱的 IP 位址。preconnect
允許您連線到您預期要從中請求資源的伺服器,即使您還不知道您將需要哪些資源。preload
允許您擷取您預期要使用的樣式表、字型、圖片或外部指令碼。preloadModule
允許您擷取您預期要使用的 ESM 模組。preinit
允許您擷取和評估外部指令碼或擷取和插入樣式表。preinitModule
允許您擷取和評估 ESM 模組。
進入點
react-dom
套件提供兩個額外的進入點
react-dom/client
包含在客戶端(在瀏覽器中)渲染 React 元件的 API。react-dom/server
包含在伺服器上渲染 React 元件的 API。
已移除的 API
這些 API 已在 React 19 中移除
findDOMNode
:參考 替代方案。hydrate
:請改用hydrateRoot
。render
:請改用createRoot
。unmountComponentAtNode
:請改用root.unmount()
。renderToNodeStream
:請改用react-dom/server
API。renderToStaticNodeStream
:請改用react-dom/server
API。
(前一頁)<title> (下一頁)createPortal