:bullseye: React 组件,用于将模式、灯箱、加载条...传输到 document.body 或其他。-源码

上传者: 42120997 | 上传时间: 2021-06-09 13:03:59 | 文件大小: 59KB | 文件类型: ZIP
在 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 && 有时传送门? 这为您提供了绝对的灵活性和控制力,我建​​议您将其用作组件的基本构建块作为模式或通知。 此代码也适用于服务

文件下载

资源详情

[{"title":"( 23 个子文件 59KB ) :bullseye: React 组件,用于将模式、灯箱、加载条...传输到 document.body 或其他。-源码","children":[{"title":"react-portal-master","children":[{"title":".travis.yml <span style='color:#111;'> 298B </span>","children":null,"spread":false},{"title":".eslintrc <span style='color:#111;'> 121B </span>","children":null,"spread":false},{"title":".babelrc <span style='color:#111;'> 264B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.00KB </span>","children":null,"spread":false},{"title":"__tests__","children":[{"title":"Portal.js <span style='color:#111;'> 2.64KB </span>","children":null,"spread":false},{"title":"PortalWithState.js <span style='color:#111;'> 5.24KB </span>","children":null,"spread":false}],"spread":true},{"title":".prettierrc <span style='color:#111;'> 53B </span>","children":null,"spread":false},{"title":".prettierignore <span style='color:#111;'> 39B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"utils.js <span style='color:#111;'> 120B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 123B </span>","children":null,"spread":false},{"title":"PortalCompat.js <span style='color:#111;'> 235B </span>","children":null,"spread":false},{"title":"LegacyPortal.js <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"Portal.js <span style='color:#111;'> 768B </span>","children":null,"spread":false},{"title":"PortalWithState.js <span style='color:#111;'> 2.67KB </span>","children":null,"spread":false}],"spread":true},{"title":"testSetup.js <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"examples","children":[{"title":"index.js <span style='color:#111;'> 2.80KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 205B </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 40B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 563B </span>","children":null,"spread":false},{"title":"READMEv3.MD <span style='color:#111;'> 5.68KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 4.66KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 166.65KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明