面试真题

前端 · 中等 · 百度

useCallback,useMemo,memo

中等 前端 🎤 百度
参考答案
结论:三者均为React性能优化手段,分别缓存函数、计算值和组件渲染。核心要点:useCallback(fn, deps)返回记忆化函数,避免父组件渲染导致函数引用变化;useMemo(() => compute, deps)缓存复杂计算结果,避免重复计算;memo(Component)是高阶组件,对props浅比较,若未变则跳过重渲染。原理:依赖数组不变时返回旧值,打破每次渲染新建引用。对比:useCallback针对函数引用,useMemo针对值,memo针对组件整体。示例:父组件传onClick给子组件,用useCallback包裹可防止子组件无谓重渲染。
题目整理自公开面经,答案由校招宝自研生成,仅供参考