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