API React DOM intégrées

Le module react-dom contient des méthodes qui ne sont prises en charge que pour les applications web (qui tournent dans un environnement DOM de navigateur). Elles ne sont pas prises en charge pour React Native.


API

Ces API peuvent être importées depuis vos composants. On les utilise rarement :

  • createPortal vous permet d’afficher des composants enfants dans une autre partie de l’arbre du DOM.
  • flushSync vous permet de forcer React à traiter les mises à jour d’état en attente, puis à mettre à jour le DOM de façon synchrone.

Points d’entrée

Le module react-dom fournit deux points d’entrée supplémentaires :

  • react-dom/client contient les API pour afficher des composants React côté client (dans le navigateur).
  • react-dom/server contient les API pour produire le HTML des composants React côté serveur.

API dépréciées

Dépréciation

Ces API seront retirées d’une future version majeure de React.

  • findDOMNode trouve le nœud DOM le plus proche associé à une instance de composant à base de classe.
  • hydrate monte une arborescence dans le DOM créé à partir du HTML serveur. Elle est remplacée par la plus récente hydrateRoot.
  • render monte une arborescence dans le DOM. Elle est remplacée par createRoot.
  • unmountComponentAtNode démonte une arborescence du DOM. Elle est remplacée par root.unmount().