javascript - lit-html : how to render contents of .innerHtml

Question

我正在创建一个自定义组件库，并将其与名为 Sitecore jss 的 React 组件库框架结合使用。我有以下内容:

<custom-component><Text/></custom-component>

在本例中<Text/>呈现为

<span>
   <span>Stuff</span>
</span>

我希望发生的事情是我的自定义组件内部的跨度被渲染为 html。但是，使用 .innerHtml给我一个 html 字符串而不是实际的 html。有没有办法让lit-html将innerHtml渲染为html而不是字符串？

Answer 1

事实证明我可以使用<slot>元素而不是 .innerHtml在我的组件中。