Portal

在 DOM 的不同位置渲染 React 子树。

特性

在应用程序外部渲染任何 React 子树。

默认情况下附加到 `document.body`，但可以自定义为使用不同的容器。

从命令行安装组件。

npm install @radix-ui/react-portal

导入组件。

import * as Portal from '@radix-ui/react-portal';

export default () => <Portal.Root />;

使用 portal 原语。

import * as Portal from '@radix-ui/react-portal';

export default () => <Portal.Root>Content</Portal.Root>;

您在此组件内部放置的任何内容都将在一个单独的 <div> 元素中渲染。默认情况下，此元素将附加到 document.body，但您可以使用 container 属性选择不同的容器。

属性	类型	默认值
`asChild`	`布尔值`	`false`
`container`	`HTMLElement`	无默认值

上一个多态

下一个插槽