你能给出 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 原则详细解答和技术解析,登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。