如何从 StencilJS 父级渲染 React 子级？
How to render React childrens from a StencilJS parent?
在我从事的项目中，我们正在将所有 UI 组件迁移到 StencilJS，以便它们与框架无关。
我遇到的问题是，现在我必须将我们过去在 React 应用程序中拥有的模态迁移到 StencilJS，稍后 React 应用程序将使用该 StencilJS 组件。
模态框当然有子项，因为它们有内容。我知道您可以在 StencilJS 中使用 <slot /> 渲染子项，但是如果这些子项是 React 组件怎么办，因为 React 应用程序是使用模态的应用程序？
类似
<Stencil-js-modal>
<react-content-a/>
<other-react-component/>
</Stencil-js-modal>
那行得通吗？如果不能，那么如何实现 React 和 Stencil 之间的这种集成？
提前致谢。
假设 <Stencil-js-modal> 使用 <slot> 显示其内容应该可以正常工作。
您需要确保在定义模式时使用 shadow: true；这样 React 在渲染时就不会试图破坏组件的内部结构。
在我从事的项目中，我们正在将所有 UI 组件迁移到 StencilJS，以便它们与框架无关。 我遇到的问题是，现在我必须将我们过去在 React 应用程序中拥有的模态迁移到 StencilJS，稍后 React 应用程序将使用该 StencilJS 组件。
模态框当然有子项，因为它们有内容。我知道您可以在 StencilJS 中使用 <slot /> 渲染子项，但是如果这些子项是 React 组件怎么办，因为 React 应用程序是使用模态的应用程序？
类似
<Stencil-js-modal>
<react-content-a/>
<other-react-component/>
</Stencil-js-modal>
那行得通吗？如果不能，那么如何实现 React 和 Stencil 之间的这种集成？
提前致谢。
假设 <Stencil-js-modal> 使用 <slot> 显示其内容应该可以正常工作。
您需要确保在定义模式时使用 shadow: true；这样 React 在渲染时就不会试图破坏组件的内部结构。