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

Question

我在React Docs中读到：

React DevTools现在支持React Hooks。React的最新Flow和TypeScript定义也支持它们。我们强烈建议启用一个称为eslint-plugin-react-hooks的新皮棉规则，以强制使用Hooks的最佳做法。默认情况下，它将很快包含在Create React App中。

然后我将React更新到16.8并开始使用钩子。但这样做后useState()，并useContext()在我的第一个组成部分，我无法正常使用反应开发工具检查他们（见下图）。

有没有解决的办法？

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

  const firebase = useContext(FirebaseContext);

Answer 1

2019 年 12 月更新

React Dev Tools v4 with Hooks Support已经发布。

React 开发工具 - Chrome

React 开发工具 - Firefox

原答案

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

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

https://react-devtools-experimental-chrome.now.sh/

从丹·阿布拉莫夫 (Dan Abramov) 的一条推文中得到了这个答案