Reactjs Portals Dalam Createportal Event Bubbling Zindex Context

Definisi

createPortal merender anak ke DOM node lain (di luar subtree parent) sambil mempertahankan context & event bubbling React. Dipakai untuk modal, tooltip, dropdown yang harus keluar dari overflow: hidden parent tapi tetap terhubung ke React tree.

Kanan dipakai

Pakai saat elemen perlu visually "lepas" dari container (z-index/overflow) namun state/event tetap mengalir ke komponen pembuka. Jangan pakai untuk routing—itu bukan tujuannya.

Cara kerja

Basic portal

jsx

import { createPortal } from 'react-dom';
 
function Modal({ children }) {
  return createPortal(
    <div className="overlay">{children}</