栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在React 16中测量浪费的渲染?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在React 16中测量浪费的渲染?

是的,react-addons-
perf
已淘汰,您将无法像Dan
Abramov在本期中所说的那样将它们用于React
16以及进一步(进入Fiber)。

编辑09-2018 :最近宣布了一个针对React
DevTools的探查器,现在您可以使用此工具进行渲染优化和分析。有关此工具的更多信息以及如何在此官方的React博客文章中使用它

编辑09-2019 :React Dev
Tools进行了重大更新,现在您可以测量渲染了,并且有一个设置可以在RDT设置中获得类似“为什么要更新”的功能。

另一个选择是使用您提到过的why-did-you-update,但与react-perf-
addons“并不完全相同”的区别在于,后者使用内部协调分析,而不是依赖于重新渲染是由更新状态或父级(例如,为什么更新)触发的事实。对我来说,当我们进行不必要的渲染性能分析时,这两个工具之间没有太大区别。

或者,您可以使用在本期中链接的性能表插件。在我看来,Ben
Schwarz在文章中概述的性能分析原理对您和您的应用程序性能将是最有用的,因为React在内部使用了Timing
API,并且将在Performance选项卡中“用户时序”下的Chrome DevTools中显示。

希望这可以帮助!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/573582.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号