我使用react-devtools Chrome扩展程序。当我使用钩子(useState)设置状态以将对象设置为状态时,状态的实际设置似乎可以正常工作。但是,在devtools中,该状态对象表明Hooks> State具有内容({...}),这也意味着该内容是可访问的。当我单击“展开”(向下箭头图标)时,什么也没发生;我无法查看对象的条目。我是否缺少某些东西,或者devtools不能与钩子一起使用?
Tl:dr我如何使用react-devtools查看Hooks状态?
答案 0 :(得分:3)
我看到的是同一件事,尽管问题仅在于对象。状态中的原始值似乎显示良好。
该问题在3周前被记录为问题:https://github.com/facebook/react-devtools/issues/1282
令我感到惊讶的是,它尚未得到解决,但是我怀疑由于释放了钩子,它将很快得到解决。
我还在Twitter上看到Brian Vaughn一直在重写React devtools:
但是听起来还需要一段时间才能准备好广泛使用。
答案 1 :(得分:0)
React DevTools现在支持React Hooks。