为什么不要滥用 useMemo 和 useCallback？过度调整反而更卡，

在 React 性能调优中，/ 往往被视为万能钥匙。只是一旦被错误使用，它们会让代码更难读、调试更痛苦。而且常常带来负面性能影响。怎么说呢，下面把常见误区拆解开来并告诉你何时真正需要它们。

如果你遇到以上情况。请先停下来检查是否真的存在重渲染瓶颈，而不是盲目加钩子。

一、先搞懂它们到底是干什么的？ ——记忆化 vs 引用稳定化

useMemo：缓存「值」——仅在依赖变动时重新计算

const computedValue = useMemo(
=> heavyCompute,);// ✅ 当 a 或 b 改变时才执行 heavyCompute
''

✅ 用于昂贵计算结果，只在输入改变时重新生成。 "heavyCompute" 可替换为任何耗时操作，如图像处理或深拷贝。"

抱歉。上面出现了一些乱码，请忽略。

再看继续，

html

请忽略上述乱码。继续阅读，