Javascript 在React应用程序中跟踪渲染？

是否有任何方法可以在应用程序中跟踪渲染，同时仍使用普通组件？我想将其用于性能监视和测试，以确保在更新期间渲染处于正确的范围内

在开发模式下，您可以在支持的浏览器中使用性能工具来可视化组件的装载、更新和卸载方式。例如：

要在Chrome中执行此操作，请执行以下操作：

• 在查询字符串中加载应用程序？react_perf（例如， )

• 打开Chrome DevTools性能选项卡，然后按Record

• 执行要配置文件的操作。记录的时间不要超过20次 秒或铬可能挂起

• 停止录音

• React事件将分组在用户计时标签下

请注意，这些数字是相对的，因此组件渲染速度更快 在生产中。尽管如此，这应该有助于您认识到 错误更新，以及UI更新的深度和频率 发生

---

这是伟大的，我一定会使用它。是否有其他不使用浏览器或外部工具的选项？即使只是一个渲染计数，我们也在寻找一个可以在简单测试套件中使用的解决方案。谢谢我不知道任何适合测试套件的东西，但这是一个计算组件渲染次数的项目。也许你可以根据自己的需要调整它。