Reactjs 在web组件阴影DOM中呈现组件时出现UI事件问题

在将React组件渲染到webcomponent的阴影DOM中时，我面临一些问题。 我编写了一小段代码，将React组件转换为webcomponent，但我想呈现 React组件位于webcomponent的阴影DOM中。但在这种情况下，React似乎不再能够捕获UI事件（单击、按键等）

让我们举个例子，假设我有第一个webcomponent

有人对此有想法吗？
发现一个相关的PR，但不确定它的行为：发生在阴影DOM内部的事件不会在阴影根外部冒泡，除非自定义元素显式地使其发生。影子DOM中React元素上的click事件没有在容器外部冒泡。您找到的拉请求试图通过在卷影根上而不是在实际的DOM元素上触发React的合成事件来解决此问题，以便事件可以冒泡到正常的DOM。我最初误解了：这不是因为阻止了
单击
事件冒泡，这不起作用，因为对卷影根来说。这似乎不可能解决，因为根React事件侦听器从非React元素接收单击事件。谢谢。我猜不可能监听阴影根上的事件并将其桥接到React-DomeElement。实际上，下面的补丁：如果React组件在阴影DOM的第一个子级别中呈现，那么一切都可以工作。我希望公共关系会在某个时候合并。。。