useCallback 和 useMemo 的区别是什么？为什么说 useCallback 需要“配套使用”才有价值？

What’s the difference between useCallback and useMemo, and why does useCallback often need to be paired with memoized children?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: hard

分类: Frontend

标签: useCallback, useMemo, React.memo

参考答案摘要

答案 useMemo 缓存“计算结果”， useCallback 缓存“函数引用”（可视作 useMemo 的语法糖）。useCallback 只有在子组件依赖 引用相等性 来跳过渲染（如 React.memo 或 shouldComponentUpdate）时才真正减少重渲染；否则只是额外开销。关键是：缓存函数引用 + 子组件按引用跳过更新，缺一不可。

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。