reactjs - 有没有办法在 React 开发工具中获取页面上使用的组件的枚举？

Question

我想知道我的哪些组件正在页面上呈现 - 例如用于一般文档目的。所有这些信息都已经存在于 React 开发工具的“组件”选项卡中。

但是，我试图复制此信息但没有成功。有没有办法以文本形式获取例如这个 UI（可能像tree命令输出但不一定像那样）：

编辑：我尝试过的其中一件事是使用它，但缺少输出：https ://www.npmjs.com/package/react-component-hierarchy 它依赖于源代码解析（我猜）。然而，React 开发工具已经（正确地）拥有了所有这些信息——如果有一种方法可以通过开发工具来做到这一点，那就太好了。

标签： reactjscomponentsreact-devtools