小编jan*_*aez的帖子

StencilJS - 在主体而不是组件中插入元素

我正在 StencilJS 中构建一个具有工具提示的组件。

我想在 document.body 中附加此工具提示的标记,而不是在我的组件中,因为当组件包含在带有 Overflow:hidden 的元素中时,它会遇到问题(工具提示被截断)

有什么办法可以实现这一点吗?

我在 React 中有完全相同的组件,我设法通过使用修复它,ReactDOM.createPortal(tooltip, document.body)但我似乎无法在 Stencil 中找到类似的解决方案(另外,文档非常基础)。

我还尝试手动生成元素,document.createElement但这很痛苦而且太冗长,而且我有几个图标作为我想包含的组件。

另一种解决方案是将 JSX 转换为实际标记,然后我可以通过执行document.body.append(tooltip).

javascript jsx stenciljs

3
推荐指数
1
解决办法
2066
查看次数

标签 统计

javascript ×1

jsx ×1

stenciljs ×1