渲染反应生成阴影根

Question

我试图封装在暗影根阵营的组成部分。该组件被渲染没有问题，但事件不工作。我的代码如下所示：

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）是指这个问题，以下是其中的一个摘录：该阵营有一个全球性的事件处理程序

的问题是在文档 上，并且影子DOM会重定向事件，使其看起来像来自主机节点的 。这可以防止React将事件传递给 右侧元素。