对于React 组件可能会过于频繁地重新渲染，有两种简单的方法可以检查它
快速视觉概览
检查 React 组件渲染次数的最简单且直观的方法是使用 React DevTools 插件中的“组件渲染时突出显示更新”选项。
在页面中，直接点击对应的组件，就能根据高亮查看组件的渲染。
快速更新的详细报告
对于快速状态更新的情况，如拖动或鼠标移动更新，React Developer Tools Profiler 是最好的工具。它还提供其他信息，如重新渲染的原因、渲染时间等。
- 记录分析会话
- 在火焰图中，单击任何特定组件。
- 侧边栏将显示每次渲染此组件以及每次渲染花费的时间。
其他
在优化阶段，我们可以使用低端设备或 Chrome DevTools CPU 节流来更早地发现实际性能问题。
因此，在解决性能问题时，最好等到这些问题变得明显，然后使用调试工具来确定瓶颈。一个好的策略我觉得是“先构建 - 后优化”。过早地进行不必要的重新渲染可能会减慢“构建”阶段的速度。
