相关疑难解决方法(0)

Reactjs开发工具:钩子号不存在

为了理解为什么组件会在没有明显原因的情况下重新渲染,我启动了分析器。我可以看到我的组件重新渲染,因为Hook 18

\n

在此输入图像描述

\n

因此,为了理解这意味着什么,我尝试遵循这个问题中的建议What does the hook number in the Reactjs Dev tool irrespect to? 这基本上是说钩子列在相应的组件选项卡中。所以我去了\xe2\x80\xa6,但是我的钩子没有列在这里:最大钩子是15,而不是18!

\n

在此输入图像描述

\n

知道我\xe2\x80\x99m 缺少什么吗?I\xe2\x80\x99m 确保我选择了正确的组件,因为同一组件两次都突出显示。

\n

reactjs react-hooks

12
推荐指数
0
解决办法
1422
查看次数

如何借助 FlameGraph 中显示的钩子编号/索引找出哪个钩子已更改

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

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

performance profiler reactjs flamegraph react-hooks

5
推荐指数
1
解决办法
2773
查看次数

标签 统计

react-hooks ×2

reactjs ×2

flamegraph ×1

performance ×1

profiler ×1