reactjs - React 开发工具不显示组件名称或状态变量名称

Question

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

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

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

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

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

标签： reactjsreact-devtools

Answer 1

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

更新

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

那将变成：