Reactjs 用devtools做挂钩?

Reactjs 用devtools做挂钩?,reactjs,react-hooks,react-devtools,Reactjs,React Hooks,React Devtools,我使用react devtools Chrome扩展。当我使用hooks(useState)设置state以将对象设置为state时,state的实际设置似乎很好。然而,在devtools中,state对象显示Hooks>state有内容({…}),它还意味着内容是可访问的。当我点击“展开”(向下箭头图标)时,什么也没有发生;我无法查看对象的条目。我是否遗漏了什么,或者devtools没有使用钩子 Tl:dr我如何使用react devtools来查看钩子的状态?我看到了同样的情况,尽管问题仅限

我使用react devtools Chrome扩展。当我使用hooks(useState)设置state以将对象设置为state时,state的实际设置似乎很好。然而,在devtools中,state对象显示Hooks>state有内容({…}),它还意味着内容是可访问的。当我点击“展开”(向下箭头图标)时,什么也没有发生;我无法查看对象的条目。我是否遗漏了什么,或者devtools没有使用钩子


Tl:dr我如何使用react devtools来查看钩子的状态?

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

它在3周前被记录为一个问题:

我很惊讶它还没有被解决,但我怀疑它很快就会被解决,因为钩子已经被释放了

我也在Twitter上看到Brian Vaughn正在重写React devtools:

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

使用React v16.8进行更新 React钩子现在由React DevTools支持

  • 资料来源: