react-dom パッケージには、ウェブアプリケーション(ブラウザの DOM 環境で動作する)でのみサポートされるメソッドが含まれています。これらは React Native ではサポートされません。


これらの API はインポートしてコンポーネントで使用できます。これらはあまり使用されません。

  • createPortal は、DOM ツリーの別の場所に子コンポーネントをレンダーできるようにします。
  • flushSync は、React に state の更新を強制的にフラッシュさせ、DOM を同期的に更新させます。

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.

React-based frameworks frequently handle resource loading for you, so you might not have to call these APIs yourself. Consult your framework’s documentation for details.

  • prefetchDNS lets you prefetch the IP address of a DNS domain name that you expect to connect to.
  • 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 lets you fetch a stylesheet, font, image, or external script that you expect to use.
  • preloadModule lets you fetch an ESM module that you expect to use.
  • preinit lets you fetch and evaluate an external script or fetch and insert a stylesheet.
  • preinitModule lets you fetch and evaluate an ESM module.


react-dom パッケージは、2 つの追加のエントリポイントを提供します。

  • react-dom/client は、クライアント(ブラウザ内)で React コンポーネントをレンダーするための API を含んでいます。
  • react-dom/server は、サーバ上で React コンポーネントをレンダーするための API を含んでいます。

非推奨の API


これらの API は、React の将来のメジャーバージョンで削除される予定です。

  • findDOMNode は、クラスコンポーネントのインスタンスに対応する最も近い DOM ノードを検索します。
  • hydrate は、サーバの HTML から作成された DOM にツリーをマウントします。非推奨です。代わりに hydrateRoot を使用してください。
  • render は、DOM にツリーをマウントします。非推奨です。代わりに createRoot を使用してください。
  • unmountComponentAtNode は、DOM からツリーをアンマウントします。非推奨です。代わりに root.unmount() を使用してください。