diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index 1b6a7160b2..cef753a06a 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -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 模块。 --- @@ -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 来替代。