你能给出 React 中 useMemo 和 useCallback 的简短示例吗？

Can you provide a brief example of useMemo and useCallback hooks in React?

题目类型: 技术面试题

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

难度: hard

分类: react-performance

标签: react, useMemo, useCallback, hooks, memoization

参考答案摘要

TL;DR useMemo 返回 memoized 值避免重复计算； useCallback memoize 函数避免每次 render 重新定义，尤其适合传给子组件。示例以图片形式给出。 useMemo 返回一个缓存后的值，如果依赖不变可避免不必要计算； useCallback 会缓存函数定义，避免每次渲染重新创建函数，适用于传递回调给子组件的场景。 示例：

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