【问题标题】：React-devtools for hooks?用于钩子的 React-devtools？
【发布时间】：2019-02-11 00:19:23
【问题描述】：

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

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

【问题讨论】：

标签： reactjs react-hooks react-devtools

【解决方案1】：

我也看到了同样的情况，尽管问题仅在于对象。状态中的原始值似乎显示得很好。

它在 3 周前被记录为问题：https://github.com/facebook/react-devtools/issues/1282

我很惊讶它还没有得到解决，但我怀疑现在挂钩已经发布，很快就会得到解决。

我还在 Twitter 上看到 Brian Vaughn 一直在重写 React 开发工具：

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

【讨论】：

【解决方案2】：

使用 React v16.8 更新

React DevTools 现在支持 React Hooks。

来源：https://reactjs.org/blog/2019/02/06/react-v16.8.0.html

【讨论】：