React · Middle · Frage 17 von 75
Wie verhalten sich Events in einem Portal createPortal(child, document.body)?
- 1Sie bubblen gar nicht, weil das Portal sie blockiert
- 2Sie bubblen durch den React-Baum zum React-Elternteil
- 3Sie bubblen nur durch das DOM bis
document.body
Antwort zeigen
Richtige Antwort: Sie bubblen durch den React-Baum zum React-Elternteil
Erklärung
Ein Portal rendert DOM an anderer Stelle (Modals, Tooltips, um overflow: hidden und Stacking Contexts zu entkommen), bleibt aber logisch Teil des React-Baums: Context ist verfügbar, und Events bubblen zu React-Vorfahren. Das überrascht manchmal, z. B. feuert das onClick eines Elternteils bei einem Klick im Modal.