我有一个react.js应用程序,我想分析它的性能问题。
我使用的是firefox中的react dev工具分析器。
我分析了一个特定的交互,并在dev工具中获得了flamegraph和排名时间图。
然后这条消息就会出现在开发工具中:

dev工具的这一部分不是交互式的,我找不到任何关于钩子是如何编号的。
我该如何解释这些数字?它们对应于什么?我在哪里可以找到关于它们所引用的钩子的信息?
发布于 2021-09-21 05:52:35
This is the PR在那里他们添加了这一壮举。由于一些性能限制,他们没有提供更好的UI。但是,如果您转到dev工具中的components选项卡并检查所述组件,您可以找到这些索引对应的钩子;在hooks部分中,您将有一个称为钩子的树,对于每个钩子,在左侧有一个小数字,即索引。您可能需要展开钩子树才能找到它们。
以下是链接公关的屏幕截图

https://stackoverflow.com/questions/68925790
复制相似问题