无法识别 ReactJS 应用程序中 shadow-root 内的元素答案

【问题标题】：Unable to identify element inside shadow-root in ReactJS application无法识别 ReactJS 应用程序中 shadow-root 内的元素
【发布时间】：2018-10-21 16:28:43
【问题描述】：

ReactJS 应用程序不允许在 shadow-root 中找到元素。

我可以在我的 AngularJS 应用程序中使用 /deep/ 访问元素，但这不适用于 React 应用程序。

我们能够找到直到$("#root .px-app-nav")这一点的元素

【问题讨论】：

请附上minimal reproducible example。

标签： reactjs google-chrome shadow-dom facebook-debugger

【解决方案1】：

我找到了解决方案。如果您有任何 shadow-root，请使用 elementPath.shadowRoot.querySelector(element)。

$('#root px-app-nave').shadowRoot.querySelector('.app-nav')

【讨论】：