在 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 &&
有时传送门?
这为您提供了绝对的灵活性和控制力,我建议您将其用作组件的基本构建块作为模式或通知。
此代码也适用于服务
1