【文件属性】：
文件名称：:bullseye: React 组件，用于将模式、灯箱、加载条...传输到 document.body 或其他。
文件大小：59KB
文件格式：ZIP
更新时间：2021-06-08 15:31:01
Miscellaneous
在 React 中挣扎于模态、灯箱或加载栏？
React-portal 创建一个新的* React 树并将其子节点注入其中。
这对于正确的样式（尤其是定位）是必要的。
正在寻找 v3 文档？
到这里。
功能使用 React v16，其用于创建门户的官方 API 有一个后备，React v15 将其子项传输到一个新的 React Portal，该门户默认附加到 document.body 可以针对用户指定的 DOM 元素支持服务器端渲染支持返回数组（无需要包装 div）
和
所以在灵活性和便利性之间没有妥协不会产生任何 DOM 混乱提供关闭 ESC 和关闭外部鼠标点击开箱即用无依赖，简约安装纱线添加ReactReact-domReact-门户使用门户导入{门户}来自“React门户”；
此文本在 document.body 的末尾传送！
这篇文章被传送到旧金山！
就是这样！
您要切换门户吗？
这是一个简单的 React 组件，所以你可以简单地做：{isOpen &&
有时传送门？
这为您提供了绝对的灵活性和控制力，我建议您将其用作组件的基本构建块作为模式或通知。
此代码也适用于服务
【文件预览】：
react-portal-master
----.travis.yml(298B)
----.eslintrc(121B)
----.babelrc(264B)
----package.json(2KB)
----__tests__()
--------Portal.js(3KB)
--------PortalWithState.js(5KB)
----.prettierrc(53B)
----.prettierignore(39B)
----LICENSE(1KB)
----src()
--------utils.js(120B)
--------index.js(123B)
--------PortalCompat.js(235B)
--------LegacyPortal.js(1KB)
--------Portal.js(768B)
--------PortalWithState.js(3KB)
----testSetup.js(67B)
----examples()
--------index.js(3KB)
--------index.html(205B)
----.gitignore(40B)
----webpack.config.js(563B)
----READMEv3.MD(6KB)
----README.md(5KB)
----yarn.lock(167KB)