API React DOM

Пакет react-dom містить методи, які підтримуються лише для веб-застосунків (які працюють у середовищі DOM браузера). Вони не підтримуються для React Native.

API

Ці API можна імпортувати з ваших компонентів. Вони рідко використовуються:

  • createPortal дозволяє рендерити дочірні компоненти в іншій частині DOM-дерева.
  • flushSync дозволяє змусити React змивати оновлення стану та синхронно оновлювати DOM.

    • Точки входу

    Пакет react-dom надає дві додаткові точки входу:

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

    Застарілі API

    Ці API буде вилучено у наступній старшій версії React.
    • findDOMNode знаходить найближчий вузол DOM, що відповідає екземпляру компонента класу.
    • hydrate монтує дерево у DOM, створений з серверного HTML. Застаріла на користь hydrateRoot.
      • .
    • render монтує дерево у DOM. Застаріла на користь createRoot.
    • unmountComponentAtNode демонтує дерево з DOM. Застаріла на користь root.unmount().
      • .