性能追踪

来源:13-4 用React.Profiler追踪性能信息

我很容易上手

2022-03-25

使用 Profiler 之后,project-list 页面出现循环打印追踪的信息,其他页面就是正常的
图片描述
这种情况应该会极大消耗性能吧,那有什么办法可以去追踪到循环的源头吗?打印的信息有指向性吗?

写回答

1回答

我很容易上手

提问者

2022-04-11

使用 whyDidYouRender 找到了,在获取 projects 中使用 了cleanObject 清除传入的param对象中的无效属性,返回的是 new Object, 而 param 又在依赖项中,最终导致每次页面加载都 cleanObject,每次都返回新的object,从而陷入无限循环

0
0

React17+Hook+TS4 优质实践,仿 Jira 企业级项目

解锁 React17 高阶用法,轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程