17

我在React Docs中读到:

React DevTools 现在支持 React Hooks。React 的最新 Flow 和 TypeScript 定义也支持它们。我们强烈建议启用一个名为 eslint-plugin-react-hooks 的新 lint 规则,以实施 Hooks 的最佳实践。默认情况下,它将很快包含在 Create React App 中。

然后我将 React 更新到 16.8 并开始使用钩子。但是在我的第一个组件中完成之后,我无法使用 React 开发工具正确检查它们(见下图)useState()useContext()

有没有解决的办法?

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

  const firebase = useContext(FirebaseContext);

在此处输入图像描述

4

1 回答 1

6

2019 年 12 月更新

带有 Hooks 支持的 React Dev Tools v4已经发布。

React 开发工具 - Chrome

React 开发工具 - 火狐


原始答案

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

但在那之前,您可以使用的是:

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

从 Dan Abramov 的一条推文中得到了这个答案

于 2019-03-14T13:36:54.497 回答