传送门

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

Features

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

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

从命令行安装组件。

npm install @radix-ui/react-portal

导入组件。

import { Portal } from "radix-ui";

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

使用传送门原语。

import { Portal } from "radix-ui";

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

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

Prop	Type	Default
`asChild`	`boolean`	`false`
`container`	`HTMLElement`	No default value