Have ideas to improve npm?Join in the discussion! »

@uiw/react-portalTypeScript icon, indicating that this package has built-in type declarations

4.7.7 • Public • Published

Portal 入口

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

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

基本使用

import { Portal } from 'uiw';

const Demo = () => {
  return (
    <Portal className="name" visible={true}>
      容器内显示内容
    </Portal>
  )
}

Props

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

Install

npm i @uiw/react-portal

DownloadsWeekly Downloads

419

Version

4.7.7

License

MIT

Unpacked Size

19.3 kB

Total Files

10

Last publish

Collaborators

  • avatar