Le React Portal est une fonctionnalité de React qui fournit un moyen efficace d’injecter des composants enfants dans un nœud DOM qui existe en dehors de la hiérarchie DOM du parent.
Un bon exemple de cela est une boîte de dialogue, une fenêtre modale, ou une bulle d’information. Ces éléments ont souvent besoin d’exister en dehors du flux normal de la page (souvent en raison de problèmes de positionnement CSS), mais vous voulez toujours qu’ils soient connectés à la hiérarchie de l’application. React Portal vous permet de faire cela.
En utilisant React Portal, vous pouvez garder la structure logique de votre hiérarchie de composants tout en déplaçant une partie du rendu de composants à un autre endroit dans le DOM.