面试官：useMemo和useCallback有什么区别？

useMemo 和 useCallback是react中两个非常重要的hook，两者之间的区别也是非常高频的面试题，但是很多同学在面试时候回答的都不是很完整，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题

如果我是求职者，我会这么回答：

在react的更新规则中，只要组件的 props 或 state 发生了变化就会重新渲染整个组件，这也导致了可能一个小改动就要重新渲染其他不必要渲染的节点，对性能是一个很大的浪费。所以react性能优化中有一个重要的方案就是减少不必要的渲染，useMemo 和 useCallback 就是方案之一。

其中，useMemo可以缓存计算数据的值。如果组件中有一段复杂的计算逻辑，可以使用useMemo，这样就不会每次都重新渲染计算逻辑，只有在依赖的数据发生变化的时候，才会需要重新计算

useCallback是useMemo的语法糖，是「useMemo 的返回值为函数」时的特殊情况，缓存的是函数的引用。如果组件中有一个函数，使用useCallback，可以实现只有在依赖的数据发生变化的时候，函数才会重新渲染。

以上，就是useMemo 和 useCallback之间的区别了，大家可以下次面试时试试这么回答，看看效果怎么样。

最后，欢迎大家关注理想哥，每天学点前端面试小技巧。