react-native - 如何在React Native上检查浪费的渲染？

时间：2018-12-23 22:30:53

标签： react-native

我正在尝试调试React-Native应用程序中的性能问题，并且试图检查正在无用呈现的组件。我尝试检查此问题：

但是没有答案。此外，文档（https://reactjs.org/docs/perf.html）表示不再支持react-addons-perf，而且我不知道这是否也适用于React-Native或仅适用于React。

我想要的是关于如何在React-Native（不是React）上检查浪费渲染的分步指南。

答案 0 :(得分：1)

有多种方法可以检测到反应中浪费的重新渲染。类似于why-did-you-update。但这不适用于本机。（我无法在本机反应中运行此功能，但可以尝试一下）。目前，您可以使用控制台日志来检测重新渲染。

更新：尝试使用此rn-why-did-you-update。这是rn的原始lib的分支。

您可以使用react native调试器或chrome调试器跟踪性能。我添加了有关如何跟踪React本机应用程序性能的链接。

有用的链接：

为rn安装分支的库： https://www.vladopandzic.com/javascript/how-to-npm-install-from-forked-github-repository/