我有一个特殊要求,不确定是否可能。这是上下文。
我在自己的dom的身体标签中具有分层的影子dom。像这样的东西。
<body>
<shadowDom>
<shadowDom>
<shadowDom>
</shadowDom>
</shadowDom>
</shadowDom>
<div id="outside"><p>Hello world</p></div>
</body>
阴影dom的级别数是动态的。基本上每个阴影都是一个Web组件。每个组件都有自己的shadowDom。
现在的问题是,我在所有影子dom之外的身体中都有一些满足感。
我想在最里面的阴影dom中渲染此div。有什么方法可以在React或基本JS中实现。
我看过一个使用插槽的示例,但似乎仅具有一个级别的影子dom。
换句话说: