React如何实现popover气泡卡片功能?

发布于 2022-09-12 13:36:38 字数 211 浏览 25 评论 0

想用react实现类似antd的气泡卡片功能,但不知道怎么实现能同时将组件的子元素渲染出来,又能将气泡卡片的内容渲染在body中(React.createPortal可以将内容渲染到body中)。
popover.gif

要怎么才能实现上图这种效果呢?求大神指点

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

執念 2022-09-19 13:36:38

不要怀疑自己,我的校友,就是 React.createPortal()

挖了 antd 的坟,发现是 createPortal ,我还解决了这个问题:

迷离° 2022-09-19 13:36:38

可以基于 React.createPortal() 。而且antd的底层也是这么干的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文