如何检查 React Native 上浪费的渲染？

【问题标题】：How to check wasted renders on React Native?如何检查 React Native 上浪费的渲染？
【发布时间】：2018-12-23 22:30:52
【问题描述】：

我正在尝试调试 React-Native 应用程序中的性能问题，并且我正在尝试检查哪些组件被无用地渲染。我试着检查这个问题：

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

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

【问题讨论】：

【解决方案1】：

有一些方法可以检测 React 中浪费的重新渲染。像rn-why-did-you-update 这样的东西。它适用于 React 和 React Native。或者您可以使用控制台日志来检测重新渲染。

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

有用的链接：

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

【讨论】：