useMemo 和 useCallback 是什么？它们分别适用于什么场景？

What are useMemo and useCallback? When should you use each of them?

题目类型: 技术面试题

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

难度: medium

分类: React Hooks, Performance Optimization

标签: React, useMemo, useCallback, Memoization

参考答案摘要

TL;DR useMemo 用于缓存“计算结果”， useCallback 用于缓存“函数引用”。它们主要用于性能优化，避免重复计算或避免因函数引用变化导致子组件不必要 re-render。 useMemo 用于缓存一个计算值： const value = useMemo(() => heavyCompute(a, b), [a, b]); 适用于：昂贵计算（大循环、复杂过滤、排序等）。 目的：避...

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