React DOM API
在浏览器 DOM 环境中运行的 Web 应用程序中,react-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
findDOMNode
查找与类组件实例相对应的最近 DOM 节点。hydrate
将树安装到从服务器 HTML 创建的 DOM 中。已弃用,取而代之的是hydrateRoot
。render
将树挂载到 DOM 中。已弃用,建议使用createRoot
。unmountComponentAtNode
将树从 DOM 中卸载。已弃用,建议使用root.unmount()
。