Question

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

模态当然有孩子，因为它们有内容。我知道您可以在StencilJS中使用<slot />来渲染子级，但是如果那些子级是React组件，那会怎样呢，因为react应用程序是使用模态的那个？

类似

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

那行得通吗？如果不这样做，那么如何在反应和模板之间实现这种集成？

谢谢。

Answer 1

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

您将需要确保在定义模态时使用shadow: true；这样，React在渲染时就不会试图破坏组件的内部。