Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我正在开发一个反应应用程序并希望提高性能。我使用 Profiler 查看每个渲染上绘制的组件,并使用 FlameGraph 找出哪个组件需要很长时间。
在 Flamegraph 中,它显示了有关何时以及为何渲染组件的详细信息,因为它有这个Why did this render? 部分并显示一些挂钩已更改。但这并没有向我显示钩子名称,而是向我显示了钩子的编号/索引。钩子是怎么编号的?以及如何借助这些数字/索引知道确切的钩子名称。
如果您检查“组件”React Dev Tools 选项卡(在 Profile 的左侧),您可以找到有问题的组件并查看编号的钩子。我相信这是正确的关系。
示例图片链接:https ://i.stack.imgur.com/LCDpl.jpg