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

IT技术 reactjs react-devtools
2021-05-04 16:45:33

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

我在 Firefox 中使用 react dev 工具分析器。

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

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

在此处输入图片说明

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

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

1个回答

这是他们添加该壮举的公关由于某些性能限制,它们没有提供更好的 UI。但是,如果您转到开发工具中的组件选项卡并检查所述组件,则可以找到这些索引对应的挂钩;在 hooks 部分,您将有一个被调用的 hooks 树,对于每个 hooks,左侧有一个小数字,即索引。您可能需要展开钩子树才能找到它们。

这是链接公关的截图

在此处输入图片说明