react 按类型列出的组件摘要视图

w51jfk4q  于 2022-10-28  发布在  React
关注(0)|答案(6)|浏览(184)

一个DevTools用户请求了以下功能(我重新编写了):
公开所有组件类型(名称)的有序表沿着当前装载的示例数。这将有助于标识最有影响力的组件,以检查与内存相关的优化。
在这种情况下,Profiler不是很有用,因为它过于以CPU为中心。
cc @永斯特

tct7dpnv

tct7dpnv1#

这是你想的吗?

erhoui1w

erhoui1w2#

嗯......我想我更倾向于使用传统的表格布局。我认为表格布局会更好,因为除了名称和计数之外,我们还可以添加其他信息(如查看组件源位置的按钮),但也因为它会导致组件像这样被裁剪(如RequesterLin...

fnatzsnv

fnatzsnv4#

差不多吧,至少在布局上。

vlf7wbxs

vlf7wbxs5#

是的,我会投票赞成表格视图,表格的一个优点是我们可以对列进行排序。每个组件花费的时间都是当前显示的,也许它用于此渲染的次数也是有用的。
现在我能得到的最多的信息是颜色,它表示渲染还是退出。但有时我希望它能告诉我更多,例如过度渲染。而且我有时也对收集的时间感到困惑,那就是每个渲染函数花费的总时间。如果不是,那么组件NAME上的时间聚合也可能有用。

sqougxex

sqougxex6#

此问题已自动标记为过时。如果此问题仍对您有影响,请留下任何评论(例如,“碰撞”),我们将保持此问题的开放状态。很抱歉,我们尚未确定此问题的优先级。如果您有任何新的其他信息,请将其包含在您的评论中!

相关问题