Как визуализировать React детей от родителя StencilJS?

Question

В проекте, над которым я работаю, мы переносим все компоненты пользовательского интерфейса в StencilJS, чтобы они не зависели от фреймворка.У меня проблема в том, что теперь мне нужно перенести модал, который мы использовали в приложении реакции, на StencilJS, а позже этот компонент StencilJS будет использован приложением React.

Конечно, модалыдети, потому что у них есть содержание.Я знаю, что вы можете визуализировать Children с <slot /> в StencilJS, но что, если эти потомки являются компонентами React, так как приложение реагирует на модал?

что-то вроде

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

это будет работать?Если этого не произойдет, то как можно добиться такой интеграции между реакцией и трафаретом?

Заранее спасибо.

Answer 1

Предполагая, что <Stencil-js-modal> использует <slot> для отображения содержимого, которое должно работать нормально.

Вы должны убедиться, что вы используете shadow: true при определении модального режима;таким образом React не пытается заглушить внутренности компонента при его рендеринге.