reactjs - 用于钩子(Hook)的 React-devtools？

Question

我使用react-devtools Chrome扩展。当我使用钩子(Hook)(useState)设置状态来设置状态中的对象时，状态的实际设置似乎工作正常。然而，在 devtools 中，该状态对象显示 Hooks > State 有内容 ({...})，这也意味着该内容是可访问的。当我单击“展开”(向下箭头图标)时，什么也没有发生；我无法查看该对象的条目。我是否遗漏了一些东西或者开发工具不能与钩子(Hook)一起使用？

Tl:dr 如何使用react-devtools查看Hooks状态？

Answer 1

我看到了同样的事情，尽管问题仅与对象有关。状态中的原始值似乎显示得很好。

三周前已将其记录为问题:https://github.com/facebook/react-devtools/issues/1282

我很惊讶这个问题还没有得到解决，但我怀疑随着钩子(Hook)的发布，这个问题很快就会得到解决。

我还在 Twitter 上看到 Brian Vaughn 一直致力于重写 React 开发工具:

• https://twitter.com/brian_d_vaughn/status/1093962235116810240
• https://github.com/bvaughn/react-devtools-experimental

但听起来还需要一段时间才能广泛使用。