首页 > 解决方案 > 如何解释 React Profiler 火焰图?

问题描述

根据 React 火焰图,NaiveSameValuesEveryRender > ArrayComponent 的渲染时间几乎是 MemoizedValues > ArrayComponent 的两倍。原因是酒吧的宽度几乎是原来的两倍。

反应配置文件结果

但是,工具提示说渲染时间是相同的。那么渲染时间是多少?

NaiveSameValuesEveryRender > ArrayComponent 的渲染时间:

NaiveSameValuesEveryRender 的渲染时间

MemoizedValues > ArrayComponent 的渲染时间:

MemoizedValues 的渲染时间

标签: reactjsreact-devtools

解决方案


推荐阅读