在React开发工具中支持钩子？

Question

我在React Docs中读到：

  

React Hooks现在受React DevTools 支持。他们也是   React的最新Flow和TypeScript定义中受支持。我们   强烈建议启用称为   eslint-plugin-react-hook强制使用Hooks的最佳做法。它   默认情况下将很快包含在Create React App中。

然后我将React更新到16.8并开始使用钩子。但是在第一个组件中完成useState()和useContext()之后，我无法使用React Dev Tools正确地检查它们（见下图）。

有没有办法解决这个问题？

  const [loading, setLoading] = useState(false);
  const [error,setError] = useState(null);
  const [productDetails,setProductDetails] = useState(null);

  const firebase = useContext(FirebaseContext);

Answer 1

重要提示：

React DevTools的新版本可能已经发布，这就是您应该使用的版本。

但是在那之前，您可以使用：

here

从Dan Abramov的https://react-devtools-experimental-chrome.now.sh/

中获得了这个答案