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