是否有任何方法可以在执行任何事件/操作时获得所有React组件都被渲染或重新渲染的日志。我只想检查是否有任何不需要的React组件正在重新渲染。我知道我们可以通过在渲染功能中添加控制台、组件WillReceiveProps或组件WillUpdate来实现这一点。但是我有一些组件在我的webapp。在每个组件中添加控制台语句将是一团糟。有没有更好的办法？
一个不错的选择是在chrome时间线中可视化React组件。这可以让您看到哪些组件被安装、更新和卸载，以及它们相对彼此花费了多少时间。该功能是作为React 15.4版本的一部分添加的。0.您可以查看官方博客帖子以获得更好的洞察力，但总而言之，以下是启动和运行该博客的步骤：
>
加载应用程序？react_perf查询字符串（例如，http://localhost:3000/?react_perf）。
打开ChromeDevTools时间轴选项卡，然后按记录。
执行要配置文件的操作。记录时间不要超过20秒，否则Chrome可能会挂起。
停止录音。
React事件将在用户定时标签下分组。
在那之后，你会得到一个很酷的视觉表现，随着时间的推移你的不同组件的安装，更新和卸载
除了rauliyohmc的回答。他描述的评测工具确实很有用，功能强大，但如果您的任务只是检查是否存在不必要的重新渲染（即，不会导致DOM更改的重新渲染），那么您可以使用尼斯和简单的react插件性能工具。它有printWasted方法，可以为您提供有关浪费的重新渲染的信息。
