React DOM API

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


API

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

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

エントリポイント

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

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

非推奨の API

Deprecated

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

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