程序员经验分享-hwhale

为什么 React devtools Profiler 不向我显示组件属性？

2024-02-09

我开始学习React的优化。并看到一些学习资源，在它们上，我可以在探查器中看到组件道具。但在我的 Profiler 中，我没有看到任何道具。为什么？

如何在 Profiler 中查看当前渲染组件的 props？

A make screenshots to show this: enter image description here


旧版 DevTools 扩展增加了显着的性能开销，并且在大型应用程序中将变得无法使用。新的 DevTools 得到了改进 https://github.com/facebook/react/blob/master/packages/react-devtools/CHANGELOG.md#400-august-15-2019通过最小化前端（您看到的扩展：Component、Profiler）和后端之间的通信，仅在需要时呈现组件信息。

The Props changed in the Profiler is still there, however it's not as detailed. It lacks displaying names of custom Hooks https://github.com/facebook/react/blob/master/packages/react-devtools/OVERVIEW.md#inspecting-hooks. It does show prop names but only the ones that changed and doesn't show their values. enter image description here

不幸的是，变更日志没有明确列出它放弃了显示道具值的支持，并且应该对此更加清楚。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS

Profiler

reactdevtools

为什么 React devtools Profiler 不向我显示组件属性？ 的相关文章

随机推荐

  • androidframework-res模块中的“android:”前缀是什么意思

    我从 Framework res 模块中的 styles xml 文件复制此代码

  • 链接 error2005 Visual Studio 2008 C++

    我在 yacc y 中有结构错误 Struct 和队列 enQueue 定义 然后将其移至单独的 h 文件但它给了我链接错误 该定义在 yacc obj 和 node obj 中都找到了 尝试创建新的解决方案 但仍然给出相同的错误 Erro

  • node.js：如何锁定/同步代码块？

    让我们看一下简单的代码片段 var express require express var app express var counter 0 app get function req res LOCK counter UNLOCK res

  • “as”运算符的意外行为，它与普通强制转换不同

    I asked 这个问题 https stackoverflow com questions 21432141 why i cannot cast derived generic type to base non generic type

  • 二元运算符“&&”不能应用于两个布尔操作数[重复]

    这个问题在这里已经有答案了 我最近将 Xcode 更新到了新的 7 0 beta 我和助手一起完成了迁移 但还有一些问题 func saveContext if let moc self managedObjectContext var e

  • Maven/Jenkins java.lang.UnsupportedClassVersionError：不支持的major.minor版本51.0

    我有一个 Jenkins 服务器 同时安装了 JDK 和 JRE 6 和 7 除了一个依赖于 1 7 的项目外 所有项目都构建在 1 6 之上 我已将 maven pom 文件配置为使用 JAVA HOME 7 环境 PATH 中的 Jav

  • 如何在 WordPress 中运行 mysql 查询？

    这个查询可以工作并返回我想要在 MySQL 中的结果 但是如何让它在 WordPress 中工作 SELECT FROM wp usermeta WHERE meta key points AND user id 1 我希望能够看到用户 1

  • terraform 文件中的展开运算符

    我想简化这样的构造 variable google type object project string region string zone string provider google project var google projec

  • JSF 中的应用程序作用域和 Spring 中的单例作用域之间的区别

    谁能解释一下 ApplicationScope JSF 和 Singleton Spring MVC 之间的区别 我有一个用 jsf 编写的应用程序 其中一个类使用应用程序范围 在转换为 spring 时 我使用了 Singleton 范围

  • 简单的任务：连接到数据库，执行存储过程，断开连接

    我不一定需要从 VBScript 向存储过程传递任何变量 我只需要在服务器上运行存储过程 我还没有找到任何明确的示例来说明如何执行此操作 只有很多人解释如何将变量从 SP 传递回 VBScript 任何帮助将不胜感激 看起来我必须打开一个连

  • Google Colab 消耗过多互联网数据

    最近 google colab 消耗了太多的互联网数据 单笔记本 6 小时训练约 4GB 可能是什么问题 是的 我有同样的问题 它通常工作正常 但互联网数据突然激增 检查这个 https i stack imgur com Ms9QI pn

  • ViewModel 在视图中无法识别

    我在不同项目 类库 中的视图模型 我添加了参考 但是当我从我的 mvc4 视图中调用它时 例如 model Fancy Management Model Home IndexModel 查看未识别它 我不知道是什么问题 我的视图如下所示 m

  • 控制 Kubernetes 中单个 pod 中容器终止的顺序

    我的一个容器内有两个容器 第一个是我的应用程序容器 第二个是 CloudSQL 代理容器 基本上我的应用程序容器依赖于这个 CloudSQL 容器 问题是 当 pod 终止时 CloudSQL 代理容器首先终止 并且仅在几秒钟后我的应用程序

  • 从命令行启动时出现 MacVim 颜色问题

    我对 Vim 比较陌生 到目前为止一直在使用它 没有出现任何问题 我要么从我的扩展坞启动 MacVim 要么使用mvim从命令行 到目前为止效果很好 但现在我遇到了一个问题 没有明显的原因 从命令行启动 MacVim 开始创建一个所有颜色都

  • 在Java中忽略你自己的UDP广播

    在我的程序中 我发送 UDP 广播并对它们做出反应 我需要一种方法来忽略 UDP 广播I发送出去 但对那些不是来自我的机器的做出反应 我确实尝试使用 if NetworkInterface getByInetAddress packet g

  • Vue JS - 访问组件内的根计算属性

    我正在尝试从根 Vue 实例访问计算属性并在组件内部访问它 这 p class currency 在组件模板外部输出的元素正确输出 currency 但是当尝试访问组件内部的 currency 时 不会输出任何内容 我尝试过将货币设置为道具

  • 使用 R 在坐标系中绘制节点和边

    我实施了FR测试here http itee uq edu au zxf papers ACMMM08 distributionn pdf现在我想通过可视化 R 中生成的最小生成树来测试它 顶点和边应该在坐标系中绘制 此外 我想为每个点设置

  • MongoDB 嵌入 Java

    我从文档中得到的是 它在其他计算机上作为单独的进程运行 我可以使用 java 的 mongo db 客户端驱动程序与它进行通信 并且我可以执行正常操作 但我怀疑我是否可以在我的java应用程序中使用MongoDB作为嵌入式数据库 我的意思是

  • 带有 UIImage 的 Swift 游乐场

    我正在使用 Xcode 6 并且正在尝试重新创建在会话 401 Xcode 6 中的新增功能 期间演示的代码 我已将图像添加到 Images xcassets 称为 Sample 并在游乐场文件中我尝试访问此图像 如演示的那样 我的代码如下

  • 为什么 React devtools Profiler 不向我显示组件属性？

    我开始学习React的优化 并看到一些学习资源 在它们上 我可以在探查器中看到组件道具 但在我的 Profiler 中 我没有看到任何道具 为什么 如何在 Profiler 中查看当前渲染组件的 props A make screensho

热门标签