相关疑难解决方法(0)

出于在控制台中进行调试的目的,React中是否有任何机制可以使用DOM元素实例来获取后备React组件？

之前已在生产代码中使用此问题的上下文中询问过此问题.但是,我的重点是用于调试的开发版本.

我熟悉React的Chrome调试扩展程序,但并非所有浏览器都可以使用.结合DOM资源管理器和控制台,可以很容易地使用"$ 0"快捷方式访问有关突出显示的DOM元素的信息.

我想在调试控制台中编写类似这样的代码:getComponentFromElement($ 0).props

即使在React开发版本中,也没有机制可以使用元素的ReactId来获取组件？

当尝试检查任何模式或覆盖元素时，我遇到了反应开发工具的问题。它显示检查元素时超时。

是否可以通过greasemonkey访问reactjs props和states？我可以在反应控制台中看到道具和状态，但据我所知，我无法利用greasemonkey与其交互。

我可以使用 React 开发者工具检查组件的 props。是否可以在不使用开发人员工具的情况下从控制台从其相应的 HTML 元素获取组件的 props？

解决方案是这样的：

const someElement = document.querySelector('.some-element')
getElementReactProps(someElement)

我尝试检查 HTML 元素的属性__reactFiber$at69yqn7c1k，__reactProps$at69yqn7c1k但找不到我在 React 开发人员工具中看到的任何属性。

我还发现了其他堆栈溢出线程，但没有一个起作用。（React - 从 DOM 元素获取组件进行调试，React - 从子 DOM 元素获取 React 组件？，如何在控制台中检查 React 元素的 props 和状态？）

有任何想法吗？