问题标签 [react-devtools]

任何人都知道为什么我的反应组件开发工具看起来像这样？在最近的反应开发工具重大更新之前，我可以看到我所有组件的名称，但现在它看起来像这样。 开发工具视图

我正在制作一个反应 js 项目，我正在使用 docker。随着 ubuntu 重新启动，所有依赖项再次开始下载。我无法理解为什么依赖项没有保存在项目文件夹中。我不希望每次我的依赖项在重新启动时一次又一次地下载。

每次都在数据库上拉取：在 docker 中启动

最新：从库/mysql 中提取

aa18ad1a0d33: Pull complete fdb8d83dece3: Pull complete 75b6ce7b50d3: Pull complete ed1d0a3a64e4: Pull complete 8eb36a82c85b: Pull complete 41be6f1a1c40: Pull complete 0e1b414eac71: Pull complete 914c28654a91: Pull complete 587693eb988c: Pull complete b183c3585729: Pull complete 315e21657aa4: Pull complete

摘要：sha256:0dc3dacb751ef46a6647234abdec2d47400f0

我正在使用 React 16.8.x 和最新版本的 React DevTools。在某些情况下，我可以useState毫无问题地检查和修改钩子。但在其他情况下，这些钩子似乎是只读的——我无法从开发工具中修改它们。单击它们，无法对其值进行任何更改。

为什么我有时可以从开发工具编辑钩子而不是其他工具，有什么押韵或理由吗？

我正在为 React 使用 npm 包：

和 React 开发工具 4.2.0 版

我想使用 React 分析器来分析我的应用程序的性能，但是我看不到道具的实际内容，也看不到提交阶段之间的状态：

探查器显示哪些道具发生了变化，但我实际上想看看道具是什么样子，如下所示：

此外，我用回调包装了我的组件，unstable_Profiler以便记录使用onRender回调设置的交互，如下所示：

虽然我确实看到了所有onRender参数的日志，但交互日志总是显示一个空集（虽然实际上有道具）。

有没有人遇到过像我这样的问题？我找不到任何类似的问题。

是否可以右键单击 React Dev 工具下可见的组件，然后单击“在 IDE 中显示”，这会在 VSCode 中打开文件。这将是有益的，因为我不必去搜索组件。我经常想在 VS 代码中查看组件的源代码，并且代码库太大，名称重叠，组件结构由于组件的模块化重用而无法模仿页面结构，因此很难找到确切的组件如果您是代码库的新手。如果有一种方法可以简单地使用 React 开发工具中的组件选择器工具，则单击突出显示的组件以转到 IDE 中的文件。

我在使用#react-hooks 时遇到问题。当我使用 onClick 事件调度操作时，“存储状态”会正确更新。但是，当我在 useEffect 中调度一个动作时（它的工作方式类似于“componentDidMount”），状态不会更新。

我尝试调试并发现“Redux Dev Tools”似乎存在问题。（我安慰了组件中的存储状态并且它工作正常）。

以下是我发送操作的方式：

我的减速机：

我的项目将 Reactjs 用于 FE。我更新了最新版本“16.12.0”并成功构建。但是 React Developer 工具仍然显示“此页面使用的是过时的 React 版本。”

这是我的 package.json

我需要更新到 React Developer 工具显示的哪个包是“此页面正在使用 React 的生产版本”？

我需要调试一些在我的 React 应用程序中使用的道具。但是，如果我尝试检查某些组件，它们会显示为“正在加载...”而不是正常的道具列表：

但是，我知道这些组件已经渲染，因为我可以在 DOM 中看到它们。此外，它永远保持这种状态，因此显然它实际上并没有加载任何东西。

我正在使用 React DevTools4.2.1-3816ae7c3和 React16.12.0

当我在页面中点击一个航点时，我正在调用一个函数。该函数在调用 setState 后记录状态，这表明状态已更新到，{visible: true}但是在 React Dev Tools 中，它显示状态仍然为 false。由于状态仍为 false，因此 Animated 组件不可见。如果我visible使用 React Dev Tools 更改为 true，则 Animated 组件变得可见。

我认为我的问题是因为我的 setState 没有在函数调用之外更新组件状态，这可以解释为什么记录组件的状态在控制台中显示为已更新，但没有触发重新渲染，也没有Animated通过状态属性。

这是我正在处理的组件

使用 4.3.0 版的反应开发工具，问题在 chrome 和 firefox 上是一致的。

我有一个反应管理组件呈现各种按钮和曲目名称的子组件，这是一个播放列表应用程序。

我的问题是，当我尝试检查子组件时，反应开发工具会自动选择父组件，在我看来重新渲染。

所以我只能在很短的时间内看到 child comp 的 props，直到 react 开发工具自动选择 parent，我才能勉强按“print comp to console”。

我正在使用 react-router-dom 和 firebase

任何人都知道为什么会这样？

提前感谢，如果这是微不足道的，对不起

亚历山大

这是一个截图：gif