用于钩子的React-devtools吗?

时间:2019-02-11 00:19:24

标签: reactjs react-hooks react-devtools

我使用react-devtools Chrome扩展程序。当我使用钩子(useState)设置状态以将对象设置为状态时,状态的实际设置似乎可以正常工作。但是,在devtools中,该状态对象表明Hooks> State具有内容({...}),这也意味着该内容是可访问的。当我单击“展开”(向下箭头图标)时,什么也没发生;我无法查看对象的条目。我是否缺少某些东西,或者devtools不能与钩子一起使用?

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

2 个答案:

答案 0 :(得分:3)

我看到的是同一件事,尽管问题仅在于对象。状态中的原始值似乎显示良好。

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

令我感到惊讶的是,它尚未得到解决,但是我怀疑由于释放了钩子,它将很快得到解决。

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

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

答案 1 :(得分:0)

使用React v16.8更新

  

React DevTools现在支持React Hooks。