React开发工具无法显示组件名或状态变量名。

8

这是Google Chrome中新的React Dev Tools的截图:

React Dev Tools

只有顶层组件名称AdminArea显示。该组件位于脚本的入口文件index.jsx中。还应该有AddNewCoupon和ViewCoupons组件。没有启用任何筛选器。

请注意,组件内部状态钩子的命名仅显示为“State”。这些都是useState()挂钩。

可以看到useReducer的初始状态变量名称,但这仅因为我直接将其导出并导入入口文件index.jsx

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

1个回答

2

实际上目前还没有解决这个问题的方法,我本来要在Github上开一个问题,但是Bryan Vaughn自己开了这个问题:)。这里是Github问题的参考。干杯,sigfried。

更新

现在可以在DevTools中显示名称,点击右上角的魔术棒: 点击魔术棒按钮

然后就会变成: 输入图像描述


1
我的开发工具中不再出现魔法棒,但我找到了另一种使用 useDebugValue 显示名称的方法。更多细节请参见答案。 - NearHuscarl
1
有趣的是,在FF Developer Edition中我仍然能看到它。 - sigfried
三年多过去了,这仍然不起作用。我看到了魔杖,但它没有任何作用。因为这个问题,我正在认真考虑回到使用类组件。 - kevmull

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接