Teleport

将组件内容渲染到 DOM 中的指定位置。

Props

interface TeleportProps {
  children: View
  to: string
  defer: boolean
  disabled: boolean
}

属性	类型	默认值	说明
`children`	`View`	—	要传送的内容
`to`	`string`	—	目标 CSS 选择器
`defer`	`boolean`	`false`	是否延迟到挂载后再传送
`disabled`	`boolean`	`false`	是否禁用传送

示例

传送至 body：

tsx

import { Teleport } from 'vitarx'

function Modal() {
  return (
    <Teleport to="body">
      <div class="modal">Modal Content</div>
    </Teleport>
  )
}

条件禁用：

tsx

<Teleport to="body" disabled={!isFullscreen}>
  <div class="overlay">Content</div>
</Teleport>

参考：Teleport 详解