React Dev Tools不显示组件名称或状态变量名称

时间:2019-09-23 23:21:07

标签: reactjs react-devtools

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

React Dev Tools

仅显示顶级组件名称<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="trigger">Click me</button>。该组件位于脚本的入口文件AdminArea中。还应该有AddNewCoupon和ViewCoupons组件。没有启用过滤器。

还要注意,在组件内部命名的状态挂钩仅显示“状态”。这些是展位useState()挂钩。

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

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

1 个答案:

答案 0 :(得分:0)

实际上,目前尚无此问题的解决方案,我打算为此打开一个Github问题,但事实证明,Bryan Vaughn自己打开了这个问题:)。这是对Github issue的引用。干杯,辛辣的。