Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 15 additions & 15 deletions src/content/reference/react-dom/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,18 +17,18 @@ title: React DOM API
* [`createPortal`](/reference/react-dom/createPortal) 允许你将子组件渲染到 DOM 树的不同位置。
* [`flushSync`](/reference/react-dom/flushSync) 允许你强制 React 同步刷新状态并更新 DOM。

## Resource Preloading APIs {/*resource-preloading-apis*/}
## 资源预加载 API {/*resource-preloading-apis*/}

These APIs can be used to make apps faster by pre-loading resources such as scripts, stylesheets, and fonts as soon as you know you need them, for example before navigating to another page where the resources will be used.
一旦你确定会用到某些资源,这些 API 可用于预加载脚本、样式表和字体等资源,从而让应用更快。例如,在跳转到将使用这些资源的另一个页面之前加载。

[React-based frameworks](/learn/start-a-new-react-project) frequently handle resource loading for you, so you might not have to call these APIs yourself. Consult your framework's documentation for details.
[基于 React 的框架](/learn/start-a-new-react-project) 通常会为你处理资源加载,因此你可能无需手动调用这些 API。具体请查阅你的框架文档。

* [`prefetchDNS`](/reference/react-dom/prefetchDNS) lets you prefetch the IP address of a DNS domain name that you expect to connect to.
* [`preconnect`](/reference/react-dom/preconnect) lets you connect to a server you expect to request resources from, even if you don't know what resources you'll need yet.
* [`preload`](/reference/react-dom/preload) lets you fetch a stylesheet, font, image, or external script that you expect to use.
* [`preloadModule`](/reference/react-dom/preloadModule) lets you fetch an ESM module that you expect to use.
* [`preinit`](/reference/react-dom/preinit) lets you fetch and evaluate an external script or fetch and insert a stylesheet.
* [`preinitModule`](/reference/react-dom/preinitModule) lets you fetch and evaluate an ESM module.
* [`prefetchDNS`](/reference/react-dom/prefetchDNS) 让你预取出希望连接的 DNS 域名的 IP 地址。
* [`preconnect`](/reference/react-dom/preconnect) 让你连接到预计请求资源的服务器,即使你尚不确定具体需要哪些资源。
* [`preload`](/reference/react-dom/preload) 让你获取预计要使用的样式表、字体、图片或外部脚本。
* [`preloadModule`](/reference/react-dom/preloadModule) 让你获取预计要使用的 ESM 模块。
* [`preinit`](/reference/react-dom/preinit) 让你获取并执行外部脚本,或获取并插入样式表。
* [`preinitModule`](/reference/react-dom/preinitModule) 让你获取并执行一个 ESM 模块。

---

Expand All @@ -45,9 +45,9 @@ These APIs can be used to make apps faster by pre-loading resources such as scri

这些 API 将在 React 19 中被移除。

* [`findDOMNode`](https://18.react.dev/reference/react-dom/findDOMNode): 查看 [替代方案](https://18.react.dev/reference/react-dom/findDOMNode#alternatives)。
* [`hydrate`](https://18.react.dev/reference/react-dom/hydrate): 使用 [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) 来替代。
* [`render`](https://18.react.dev/reference/react-dom/render): 使用 [`createRoot`](/reference/react-dom/client/createRoot) 来替代。
* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode): 使用 [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount) 来替代。
* [`renderToNodeStream`](https://18.react.dev/reference/react-dom/server/renderToNodeStream): 使用 [`react-dom/server`](/reference/react-dom/server) API 来替代。
* [`renderToStaticNodeStream`](https://18.react.dev/reference/react-dom/server/renderToStaticNodeStream): 使用 [`react-dom/server`](/reference/react-dom/server) API 来替代。
* [`findDOMNode`](https://18.react.dev/reference/react-dom/findDOMNode)查看 [替代方案](https://18.react.dev/reference/react-dom/findDOMNode#alternatives)。
* [`hydrate`](https://18.react.dev/reference/react-dom/hydrate)使用 [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) 来替代。
* [`render`](https://18.react.dev/reference/react-dom/render)使用 [`createRoot`](/reference/react-dom/client/createRoot) 来替代。
* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode)使用 [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount) 来替代。
* [`renderToNodeStream`](https://18.react.dev/reference/react-dom/server/renderToNodeStream)使用 [`react-dom/server`](/reference/react-dom/server) API 来替代。
* [`renderToStaticNodeStream`](https://18.react.dev/reference/react-dom/server/renderToStaticNodeStream)使用 [`react-dom/server`](/reference/react-dom/server) API 来替代。