react-portal

Portal 入口

Portals 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在 DOM 树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面。

import { Portal } from 'uiw';
// or
import Portal from '@uiw/react-portal';

基本使用

import { Portal } from 'uiw';

<Portal>
  此文本在 document.body 的末尾传送！
</Portal>
<Portal node={document && document.getElementById('dom-id')}>
  此文本在显示在 dom-id 的 dom 对象中 
</Portal>

切换不同的 <Portal />

{isVisiable && <Portal>切换不同的 Portal</Portal>}

Props

参数	说明	类型	默认值
container	指定容器节点生成，服务端渲染默认为 null	any	document.body
visible	当值为 true 的时候才会创建 createPortal，可避免初始化创建多余的 dom 节点挂载 @v4.9.0+ 之后移除了	boolean	-
onChildrenMount	渲染后的回调函数 @v4.9.0+ 之后移除了	() => void	-