将虚拟DOM映射到任何真是DOM节点,解决漂浮层问题(Dialog,Tooltip)。

    1. renderDome() {
    2. return (
    3. <div>dialog demo</div>
    4. )
    5. }
    6. ReactDOM.createPortal(
    7. renderDemo(),
    8. document.getElementById('dialog-container'),
    9. )

    可以将dialog直接render到一个独立的节点上。真实DOM上可以独立存在,虚拟DOM中仍然是上下级关系,遵循事件关系。