我有一个 react.js 应用程序,我想分析性能问题。
我在 Firefox 中使用 react dev 工具分析器。
我分析了一个特定的交互,并在开发工具中获取了火焰图和排名时间图。
然后此消息显示在开发工具中:
开发工具的这一部分不是交互式的,我找不到关于钩子如何编号的任何信息。
我如何解释这些数字?它们对应什么?我在哪里可以找到有关它们所指的钩子的信息?
这是他们添加该壮举的公关。由于某些性能限制,它们没有提供更好的 UI。但是,如果您转到开发工具中的组件选项卡并检查所述组件,则可以找到这些索引对应的挂钩;在 hooks 部分,您将有一个被调用的 hooks 树,对于每个 hooks,左侧有一个小数字,即索引。您可能需要展开钩子树才能找到它们。
这是链接公关的截图