React 开发工具不显示组件名称或 State 变量名称

Question

这是 Google Chrome 中新的 React 开发工具的截图：

仅显示顶级组件名称AdminArea 。 该组件位于我脚本的入口文件index.jsx中。 还应该有 AddNewCoupon 和 ViewCoupons 组件。 没有启用过滤器。

另请注意，组件内的 state 挂钩命名仅表示“状态”。 这些是展位 useState() 挂钩。

可以看到 useReducer 的初始 state 变量名称，但这只是因为我直接将该变量导出并导入到入口文件index.jsx中。

有人知道如何解决这些标签问题吗？

Answer 1

实际上，目前还没有解决这个问题的方法，我打算为此打开一个 Github 问题，但结果是 Bryan Vaughn 自己打开了这个问题:)。 这是对Github 问题的参考。 干杯，西格弗里德。

更新

现在可以在 DevTools 中显示名称，单击右上角的魔术棒：

那将变成：