如何借助 FlameGraph 中显示的钩子编号/索引找出哪个钩子发生了变化答案

【问题标题】：How to find out which hook has changed with the help of hook number/index displayed in FlameGraph如何借助 FlameGraph 中显示的钩子编号/索引找出哪个钩子发生了变化
【发布时间】：2022-08-10 23:10:00
【问题描述】：

我正在开发一个反应应用程序并希望提高性能。我使用 Profiler 查看每个渲染上绘制的组件，并使用 FlameGraph 找出哪个组件需要很长时间。

在 Flamegraph 中，它显示了有关何时以及为何渲染组件的详细信息，因为它有这个为什么会这样渲染？部分并显示一些钩子已更改。但这并没有向我显示钩子名称，而是向我显示了钩子的编号/索引。钩子是怎么编号的？以及如何借助这些数字/索引知道确切的钩子名称。

标签： reactjs performance react-hooks profiler flamegraph

【解决方案1】：

如果您检查“组件”React Dev Tools 选项卡（位于 Profile 的左侧），您可以找到相关组件并查看编号的钩子。我相信这是正确的关系。

【讨论】：