钩子的 React-devtools?

React-devtools for hooks?

我使用 react-devtools Chrome 扩展。当我使用钩子(useState)设置状态以设置状态中的对象时,状态的实际设置似乎工作正常。然而,在 devtools 中,状态对象显示 Hooks > State 有内容 ({...}),这也意味着内容是可访问的。当我点击“展开”(向下箭头图标)时没有任何反应;我无法查看对象的条目。我是不是遗漏了什么或者 devtools 不能使用 hooks?

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

我也看到了同样的情况,尽管问题仅与对象有关。状态中的原始值似乎显示正常。

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

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

我还在 Twitter 上看到 Brian Vaughn 一直在致力于重写 React devtools:

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

使用 React v16.8 更新

React Hooks are now supported by React DevTools.