<Teleport> rendert das Markup einer Komponente an einer anderen Stelle im DOM, als wo sie in deinem Komponentenbaum deklariert ist – während sie logisch Teil der Komponente bleibt (Reaktivität, Props, Events funktionieren alle noch).
Das Problem, das sie löst
Modale, Tooltips und Benachrichtigungen müssen oft ein sein, um CSS-Probleme zu vermeiden – der , oder Stacking Context eines Elternteils kann ein Modal clippen oder fehlerhaft überlagern. Aber logisch gehört das Modal zu der Komponente, die es auslöst.
