在将React组件渲染到web组件的shadow DOM中时，我遇到了一些问题。 我编写了一小段代码将React组件转换为web组件，但我想渲染它 在web组件的shadow DOM内部反应组件。但在这种情况下，React似乎无法捕获UI事件（click，keyPress等等）。
让我们举一个例子，假设我有第一个web组件<awesome-timer />，它在Web组件节点内呈现React组件，另一个web组件<less-awesome-timer />在内部呈现React组件web组件的shadow DOM。
两个web组件都使用相同的React组件。但是，在shadow DOM中呈现的那个不起作用，因为定时器组件按钮上的单击事件不会触发绑定功能。
我觉得React并不是为处理这种情况而设计的，但我很乐意了解更多相关细节。
此处的示例代码可在此处找到：https://gist.github.com/mathieuancelin/cca14d31184bf4468bc1
有人对此有所了解吗？