这是Google Chrome中新的React Dev Tools的截图: 只有顶层组件名称AdminArea显示。该组件位于脚本的入口文件index.jsx中。还应该有AddNewCoupon和ViewCoupons组件。没有启用任何筛选器。 请注意,组件内部状态钩子的命名仅显示为“State”。这些都是useState()挂钩。 可以看到useReducer的初始状态变量名称,但这仅因为我直接将其导出并导入入口文件index.jsx。 有人知道如何解决这些标签问题吗?
实际上目前还没有解决这个问题的方法,我本来要在Github上开一个问题,但是Bryan Vaughn自己开了这个问题:)。这里是Github问题的参考。干杯,sigfried。 更新 现在可以在DevTools中显示名称,点击右上角的魔术棒: 然后就会变成:
useDebugValue
显示名称的方法。更多细节请参见此答案。 - NearHuscarl