将反射渲染为暗影根

Question

我正在尝试将 React Component封装在Shadow Root中。该组件呈现没有问题，但 事件不起作用 。我的代码如下所示：

let shadow = document.getElementById('root').attachShadow({mode: 'open'});
shadow.innerHTML = "<div id='panel'></div>";


ReactDOM.render(
    <Admin />,
    shadow.getElementById('panel')
);

React的版本是15.4.2。 我查看了问题列表，无法理解这是否是React问题，或者我做错了什么。

任何帮助将不胜感激！

Answer 1

这是一个已知的反应问题。

有很多讨论（here，here，here和here）引用了这个问题，下面是其中一个的摘录：< / p>

  

问题是React在文档上有一个全局事件处理程序   并且阴影DOM重新定位事件以使其看起来像它来了   来自主机节点。这可以防止React将事件传递给   正确的元素。