钩子的 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:
- https://twitter.com/brian_d_vaughn/status/1093962235116810240
- https://github.com/bvaughn/react-devtools-experimental
但听起来还需要一段时间才能广泛使用。
使用 React v16.8 更新
React Hooks are now supported by React DevTools.
我使用 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:
- https://twitter.com/brian_d_vaughn/status/1093962235116810240
- https://github.com/bvaughn/react-devtools-experimental
但听起来还需要一段时间才能广泛使用。
使用 React v16.8 更新
React Hooks are now supported by React DevTools.