Portal

import {Portal} from '@gravity-ui/uikit';

Portal 是一个实用程序组件。基本上，它是一个围绕 React 的简单包装器 createPortal ，它允许你将子组件渲染到父组件之外的 DOM 节点中。

§容器

默认情况下，将其子项 Portal 渲染为 document.body ；但是，您可以使用该 container 属性对其进行更改。 此外，你可以使用该 PortalProvder 组件为 React 子树中的所有 Portal人提供一个容器。

import {Portal, PortalProvider} from '@gravity-ui/uikit'

const myRoot = document.getElementById('my-root');

<Portal>This is rendered inside document.body</Portal>
<Portal container={myRoot}>This is rendered inside #my-root node</Portal>
<PortalProvider container={myRoot}>
    <Portal>This is also rendered inside #my-root</Portal>
</PortalProvider>

§属性