157得票1回答
Reactjs开发工具中的钩子数字对应什么?

我有一个使用React.js开发的应用程序,希望能够通过性能分析来解决问题。我使用Firefox中的React Dev Tool Profiler。我先对特定的交互进行了性能分析,然后在开发工具中得到了火焰图和排名时间图。然后,在开发工具中显示了以下消息:。这部分开发工具不是交互式的,我找不到...

112得票10回答
为什么console.log()显示react_devtools_backend.js:4049而不是文件和行号?

当我使用console.log()时,Chrome控制台会给出日志,但是它不会显示文件和行号,而是只显示react_devtools_backend.js:4049。 如何让控制台在我使用console.log()时显示文件和行号?

62得票9回答
React选项卡在Chrome开发人员工具中不显示

我已安装了React Developer Tools Chrome浏览器扩展程序,但在开发者工具中无法看到React选项卡,而是新出现了名为“Components”和“Profiler”的选项卡。 我尝试重新安装扩展程序,重启浏览器和计算机,确保在chrome://extensions/ 下...

47得票5回答
React开发工具:超时无法检查元素

在尝试检查任何模态框或叠加元素时,我遇到了使用 react-devtools 的问题。它显示检查元素时超时。

38得票4回答
React开发工具: "parse hook names"操作会抛出“钩子解析失败”错误。

当我使用React Dev Tools检查我的代码时,我注意到一些钩子会触发此错误并导致“解析钩子名称”操作出错。当我检查React Dev Tools时,它会输出: main.js:4878 Error: Could not find runtime location for line:1...

23得票1回答
在 react-devtools 中,“highlightUpdates” 选项的各种高亮颜色表示什么?

我一直在使用react-devtools来检测任何不必要的组件更新,但是我不确定它是如何工作的。 我可以通过添加边框来识别已更新的各个组件,但是我不确定这些边框的不同颜色代表什么意思(到目前为止,我只见过青色和浅绿色)。

17得票5回答
React开发工具空白组件

大家好,有谁知道我的React开发工具出了什么问题吗?组件选项卡是空白的

17得票1回答
React Dev Tools是否支持Hooks?

我在React文档中读到: 现在React DevTools支持React Hooks。 它们也支持React的最新Flow和TypeScript定义。 我们强烈建议启用一个名为eslint-plugin-react-hooks的新lint规则以实施Hooks的最佳实践。它很快将默认包...

16得票1回答
为什么React开发工具Profiler不显示组件属性?

我开始学习React的优化,并查看了一些学习资源,在这些资源中,我可以在Profiler工具中看到组件的props。但是在我的Profiler工具中,我没有看到任何props。为什么呢? 如何在Profiler工具中查看当前渲染组件的props呢? 我拍了几张截图来展示:

13得票4回答
如何在控制台中获取Redux存储的内容而无需使用开发工具?

安装了React Devtools后,我可以通过以下方法获取store:$r.store.getState() 没有使用React Devtools的情况下如何完成?