Reactjs react开发工具中的钩子支持？

我在报纸上看到：

React钩子现在由React DevTools支持。他们也是 React的最新流和类型脚本定义中支持。我们 强烈建议启用名为 eslint插件对钩子进行反应，以使用钩子强制实施最佳实践。信息技术 默认情况下，将很快包含在Create React应用程序中

然后我将React更新为16.8，并开始使用hook。但是在我的第一个组件中执行了

useState（）

和

useContext（）

之后，我无法使用React-Dev工具正确地检查它们（参见下图）

有办法解决这个问题吗

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

  const firebase = useContext(FirebaseContext);

---

2019年12月更新

带有挂钩支持的React Dev Tools v4已发布。

---

原始答案

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

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

---

从丹·阿布拉莫夫的一个

中得到了这个答案。你升级了React的devtools扩展了吗？我得到了3.6.0，它似乎是最新的。你的工作是否如预期的那样？再次查看你的屏幕截图，看起来钩子状态显示正确，缺少什么？目前它非常基本，但本期正在跟踪进一步的功能，以便更好地使用：。但状态变量名和上下文值未显示。如果我有5个布尔状态变量，如何确定我在看哪一个？谢谢似乎React开发工具的新版本即将问世。不过，还没有发布日期。在Twitter上，Dan Abramov建议使用直到那一天为止，关于顺序-我认为它们将按照组件中调用

useState

的顺序进行排序。如果其他任何人发现这一点并且无法使其正常工作（windows用户）您需要使用zip程序（如7-zip）将文件从.crx文件解压缩到一个文件夹中，然后在开发人员模式下的chrome extensions屏幕中单击“load Unpacket”并选择该文件夹。