Reactjs 如何从StencilJS父级渲染React子级?

Reactjs 如何从StencilJS父级渲染React子级?,reactjs,web-component,stenciljs,Reactjs,Web Component,Stenciljs,在我所从事的项目中,我们正在将所有UI组件迁移到StencilJS,以便它们与框架无关。 我现在遇到的问题是,现在我必须将我们在react应用程序中使用的模式迁移到StencilJS,稍后该StencilJS组件将被react应用程序使用 情态动词当然有孩子,因为他们有内容。我知道您可以在StencilJS中使用呈现子对象,但如果这些子对象是React组件,又会怎样呢,因为React应用程序是使用modal的应用程序 差不多 <Stencil-js-modal> <reac

在我所从事的项目中,我们正在将所有UI组件迁移到StencilJS,以便它们与框架无关。 我现在遇到的问题是,现在我必须将我们在react应用程序中使用的模式迁移到StencilJS,稍后该StencilJS组件将被react应用程序使用

情态动词当然有孩子,因为他们有内容。我知道您可以在StencilJS中使用
呈现子对象,但如果这些子对象是React组件,又会怎样呢,因为React应用程序是使用modal的应用程序

差不多

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

这样行吗?如果不能,那么如何实现react和stencil之间的集成呢

提前感谢。

假设
使用
来显示应该可以正常工作的内容

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