why-did-you-render

why-did-you-render 是一个 React 性能调试工具，通过 Monkey Patch 方式增强 React 渲染机制，实时检测并报告组件不必要的重渲染原因。它支持函数组件、类组件、React.memo、useMemo/useCallback 等常见优化场景，并兼容 React Native。核心能力包括：精准定位触发重渲染的 props/state 变化、区分浅比较失效与引用变更、提供控制台可读的归因信息。适用于中大型 React 应用的性能调优阶段，尤其在排查 UI 卡顿、优化高频更新组件（如列表、仪表盘）时效果显著。需注意其与 React Compiler 不兼容，且应结合 React DevTools Profiler 验证优化收益。