DEV Community
·
如何追踪 React 的重新渲染 - why-did-you-render 问题
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
本文讨论了React 18和React 19中如何追踪和调试过多的重新渲染，介绍了why-did-you-render作为一个可能的工具。作者提到了一些优化重新渲染的技术，但对于监视重新渲染和追踪原因和数据变化的工具信息较少。作者还比较了React Developer Tools Profiler/Flamegraph和why-did-you-render，并探讨了其他替代工具。
🎯
关键要点
- 本文讨论了React 18和React 19中追踪和调试过多重新渲染的问题。
- 作者提到使用why-did-you-render作为监控重新渲染的工具。
- 应用程序中存在性能问题，尤其是在打开多个标签页时，重新渲染是主要原因。
- React官方网站对重新渲染优化的重要性信息较少。
- 一些书籍和博客提供了优化技术，但缺乏监控重新渲染的工具信息。
- React Developer Tools Profiler/Flamegraph可以报告重新渲染，但信息不足。
- why-did-you-render被认为是追踪重新渲染原因的最佳工具，但在React 18中存在兼容性问题。
- 作者对如何在React 18和React 19中调试过多重新渲染提出疑问，寻找最佳实践和替代工具。
➡️
