首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Reactjs Dev工具中的钩子编号对应于什么?

Reactjs Dev工具中的钩子编号对应于什么?
EN

Stack Overflow用户
提问于 2021-08-25 15:31:15
回答 1查看 4.3K关注 0票数 38

我有一个react.js应用程序,我想分析它的性能问题。

我使用的是firefox中的react dev工具分析器。

我分析了一个特定的交互,并在dev工具中获得了flamegraph和排名时间图。

然后这条消息就会出现在开发工具中:

dev工具的这一部分不是交互式的,我找不到任何关于钩子是如何编号的。

我该如何解释这些数字?它们对应于什么?我在哪里可以找到关于它们所引用的钩子的信息?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-21 05:52:35

This is the PR在那里他们添加了这一壮举。由于一些性能限制,他们没有提供更好的UI。但是,如果您转到dev工具中的components选项卡并检查所述组件,您可以找到这些索引对应的钩子;在hooks部分中,您将有一个称为钩子的树,对于每个钩子,在左侧有一个小数字,即索引。您可能需要展开钩子树才能找到它们。

以下是链接公关的屏幕截图

票数 53
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68925790

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档