reactjs - 为什么 React 开发工具 Profiler 不显示组件 Prop ?

标签 reactjs profiler react-devtools

我开始学习 React 的优化。并查看一些学习资源,在这些资源上,我可以在 Profiler 中看到组件 Prop 。但是在我的 Profiler 中,我没有看到任何 Prop 。为什么?

以及如何在 Profiler 中查看当前的渲染组件 Prop ?

制作屏幕截图来显示这一点:
enter image description here

最佳答案

Legacy DevTools 扩展增加了显着的性能开销,并且在大型应用程序中将变得无法使用。 The new DevTools improved通过最小化前端(您看到的扩展:组件、分析器)和后端之间的通信,后端仅在需要时呈现组件信息。

Profiler 中更改的 Props 仍然存在,但没有那么详细。它缺少 displaying names of custom Hooks .它确实显示 Prop 名称,但仅显示更改的 Prop 名称并且不显示它们的值。
enter image description here

不幸的是,变更日志没有明确列出它放弃了对显示 Prop 值的支持,并且应该更清楚地说明这一点。

关于reactjs - 为什么 React 开发工具 Profiler 不显示组件 Prop ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61120759/

相关文章:

javascript - 在 redux 中使用生命周期方法与在 render 方法中检查 prop 状态

css - 将字体导入 React 应用程序

sql - 我可以在 sql server 2008 profiler 中监控特定表的性能吗

reactjs - 如何使用 VSCode 在 Firefox 中保留扩展并请求启动

reactjs - 无法在 react-slick 中读取 null 的属性 'slideHandler'

javascript - Postman 中的 API 工作正常但在 React Native 中出现 422 错误

ruby-on-rails - 分析 cucumber 测试(ruby/rails)

google-chrome - Chrome devtools 配置文件火焰图中的这个差距是什么意思

reactjs - 如何在 chrome-dev-menu 中水平对齐选项卡,而不是垂直对齐,以扩展 React-dev 工具?

javascript - ReactJs - 隐藏状态和 Prop