# 传送门

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

## Features

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

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

## [结构](#结构)

导入组件。

```jsx
import { Portal } from "radix-ui";

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

## [基本示例](#基本示例)

使用传送门原语。

```jsx
import { Portal } from "radix-ui";

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

## [API 参考](#api-参考)

### [根节点](#根节点)

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

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

<!--$-->

<!--/$-->