0

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

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

4

1 回答 1

1

如果您检查“组件”React Dev Tools 选项卡(在 Profile 的左侧),您可以找到有问题的组件并查看编号的钩子。我相信这是正确的关系。

示例图片链接:https ://i.stack.imgur.com/LCDpl.jpg

于 2022-03-05T23:23:46.573 回答