React - 从 DOM 元素获取组件进行调试

18 浏览
0 Comments

React - 从 DOM 元素获取组件进行调试

在React中,为了在控制台进行调试,是否有任何机制可用于使用DOM元素实例来获取支持的React组件?

此问题先前已在使用它在生产代码中的上下文中提问过。然而,我的重点是在开发构建中进行调试。

我熟悉React的Chrome调试扩展,但并不适用于所有浏览器。通过结合DOM浏览器和控制台,可以轻松使用“$0”快捷方式来访问关于高亮显示的DOM元素的信息。

我想在调试控制台中编写类似这样的代码:

getComponentFromElement($0).props

即使在React的开发构建中,是否没有使用元素的ReactId来访问组件的机制?

0