如何追踪 React 的重新渲染 - why-did-you-render 问题
原文英文，约400词，阅读约需2分钟。
📝
内容提要
本文讨论了React 18和React 19中如何追踪和调试过多的重新渲染，介绍了why-did-you-render作为一个可能的工具。作者提到了一些优化重新渲染的技术，但对于监视重新渲染和追踪原因和数据变化的工具信息较少。作者还比较了React Developer Tools Profiler/Flamegraph和why-did-you-render，并探讨了其他替代工具。
❓
Q&A
如何追踪React中的过多重新渲染？
可以使用why-did-you-render工具来追踪React中的过多重新渲染。
why-did-you-render工具在React 18中的兼容性如何？
在React 18中，why-did-you-render存在兼容性问题，可能无法正常生成报告。
React Developer Tools Profiler与why-did-you-render有什么区别？
React Developer Tools Profiler提供基本的重新渲染信息，而why-did-you-render则更深入地追踪重新渲染的原因。
在React中，为什么重新渲染会影响性能？
重新渲染会消耗资源，尤其是在多标签页应用中，可能导致性能显著下降。
有哪些优化技术可以减少React的重新渲染？
一些书籍和博客提供了优化技术，但具体的监控工具信息较少。
如何在React 18和React 19中调试过多的重新渲染？
可以使用why-did-you-render工具，并结合其他调试方法来追踪和调试重新渲染。
🏷️
