我使用 react-devtools Chrome 扩展。当我使用钩子 (useState) 设置状态以将对象设置为状态时，状态的实际设置似乎工作正常。然而，在 devtools 中，该状态对象显示 Hooks > State 有内容 ({...})，这也意味着该内容是可访问的。当我点击“展开”（向下箭头图标）时，什么也没有发生；我无法查看对象的条目。我是否遗漏了什么或者 devtools 不能与钩子一起使用？
Tl:dr 我如何使用 react-devtools 来查看 Hooks 状态？
问问题
2672 次
2 回答
3
我看到了同样的事情，尽管问题只出在对象上。状态中的原始值似乎很好。
它在 3 周前被记录为问题：https ://github.com/facebook/react-devtools/issues/1282
我很惊讶它还没有得到解决，但我怀疑它很快就会得到解决，因为钩子被释放了。
我还在 Twitter 上看到 Brian Vaughn 一直在重写 React 开发工具：
- https://twitter.com/brian_d_vaughn/status/1093962235116810240
- https://github.com/bvaughn/react-devtools-experimental
但听起来还需要一段时间才能广泛使用。
于 2019-02-11T03:26:02.727 回答
1
使用 React v16.8 更新
React DevTools 现在支持 React Hooks。
于 2019-02-18T08:43:35.510 回答