Portal

在 DOM 的不同部分渲染 React 子树。

功能特性

在您的 App 外部渲染任何 React 子树。

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

从命令行安装组件。

npm install @radix-ui/react-portal

导入组件。

import { Portal } from "radix-ui";

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

使用 portal 原始组件。

import { Portal } from "radix-ui";

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

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

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

下一个插槽