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

    4.9.7 • Public • Published

    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 -

    Install

    npm i @uiw/react-portal

    DownloadsWeekly Downloads

    242

    Version

    4.9.7

    License

    MIT

    Unpacked Size

    12.8 kB

    Total Files

    9

    Last publish

    Collaborators

    • wcjiang