如何从StencilJS父级渲染React子级？

Question

在我工作的项目中，我们正在将所有的UI组件迁移到StencilJS，以便它们与框架无关。我遇到的问题是，现在我必须将react应用程序中的Modal迁移到StencilJS，然后该StencilJS组件将被React应用程序使用。

当然，情态动词有孩子，因为它们有内容。我知道你可以在StencilJS中使用<slot />呈现孩子，但是如果这些孩子是React组件呢，因为react应用程序是消费模式的应用程序？

就像这样

<Stencil-js-modal>
  <react-content-a/>
  <other-react-component/>
</Stencil-js-modal>

这样行得通吗？如果它不能，那么如何实现react和模板之间的那种集成呢？

提前谢谢。

Answer 1

假设<Stencil-js-modal>使用<slot>来显示其内容，应该可以很好地工作。

您需要确保在定义模式时使用shadow: true；这样，React在呈现组件时不会试图破坏组件的内部结构。