Reactjs Dev 工具中的 hook numbers 对应的是什么?

What does the hook numbers in the Reactjs Dev tool correspond to?

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

我在 firefox 中使用 React 开发工具分析器。

我分析了一个特定的交互,并在开发工具中获取了火焰图和排名时间图。

然后此消息显示在开发工具中:

开发工具的这一部分不是交互式的,我找不到任何关于挂钩编号的信息。

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

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

这是链接 PR

的屏幕截图