API React DOM

Пакет react-dom содержит методы, которые поддерживаются только для веб-приложений (которые работают в DOM среде браузера). Они не поддерживаются для React Native.


APIs

Эти API могут быть импортированы из ваших компонентов. Они используются редко:

  • createPortal позволяет рендерить дочерние компоненты в другой части DOM-дерева.
  • flushSync позволяет принудительно вынудить React обновить состояние и синхронно обновить 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 предоставляет две дополнительные точки входа:

  • react-dom/client содержит API для рендеринга компонентов React на стороне клиента (в браузере).
  • react-dom/server содержит API для рендеринга компонентов React на сервере.

Устаревшие API

Deprecated

Эти API будут удалены в одной из следующих версий React.

  • findDOMNode находит ближайший DOM-узел, соответствующий экземпляру классового компонента.
  • hydrate монтирует дерево в DOM, созданное из HTML на сервере. Устарел в пользу hydrateRoot.
  • render монтирует дерево в DOM. Устарел в пользу createRoot.
  • unmountComponentAtNode размонтирует дерево из DOM. Устарел в пользу root.unmount().