我有react .我想为性能问题分析的js应用程序.

我正在firefox中使用react-dev工具探查器.

我分析了一个特定的交互,并在开发工具中获得了flamegraph和排名时间图.

然后,此消息显示在开发工具中:

enter image description here

开发工具的这一部分不是交互式的,我找不到关于钩子编号的任何信息.

我如何解释这些数字?它们对应什么?我在哪里可以找到它们所指的钩子的信息?

推荐答案

他们在那里增加了那项壮举.由于一些性能限制,他们没有提供更好的UI.但是,如果您转到dev工具中的components选项卡并判断所述组件,就可以找到这些索引对应的钩子;在hooks部分,您将有一个名为hooks的树,对于每个hook,在左边有一个小数字作为索引.你可能需要打开钩子树才能找到它们.

以下是链接公关的截图

enter image description here

Reactjs相关问答推荐

删除表2的收件箱未按预期工作

react 表复选框不对任何操作做出react

使用Overpass API Endpoint计算 map 上的面积

有没有办法在Shopify中显示自定义计算的交货日期?

App.js中的H2组件不会动态呈现.这可能是什么问题?

React中的useEffect钩子

REACTION 18功能组件正在开发中的S

捕获表单数据时的Reactjs问题

当 URL 与我声明的任何路由都不匹配时,如何使用不会重定向到错误页面的动态 URL? - react 路由 dom

FabricJS反序列化问题

未处理的拒绝 (TypeError):无法读取未定义的属性(读取协议)

如何测试使用 React.createportal 呈现的组件?

页面不显示

Material UI v5.11 - Prop sx 在响应式中写了两次

更新 Next.js 路由查询更改的状态会导致无限循环

如何使用 React Router 在 React 中正确同步 useEffect 和 useLocation 挂钩?

react-admin useGetIdentity 只返回全名,id 未定义 头像未定义

为什么 React 会多次调用我的应用程序的某些函数?

为什么 state redux-toolkit 是代理?

如何从另一个切片中的不同切片获取状态并对其进行处理?