如何利用useCallback和useMemo优化React组件以处理长尾词查询？

本文共计1382个文字，预计阅读时间需要6分钟。

目录 + 正确使用 useCallback 和 useMemo 的时机 + useCallback + useMemo + 总结 + 正确使用 useCallback 和 useMemo 的时机 + 说起 useCallback 和 useMemo + 大家常说在 React 中 useCallback 和 useMemo 都很重要，但真正理解它们的作用和使用场景，还是需要深入学习。

目录

• 正确使用useCallback useMemo的姿势
• useCallback
• useMemo
• 总结

正确使用useCallback useMemo的姿势

说起useCallback useMemo大家肯定在React都不陌生，但是真正了解它们的作用，还是有一部分同学对此是一知半解，只是知道用它，却不知道它真正的含义。
今天带大家学习一下它们的真正蕴藏的作用。
useCallback useMemo 都是记忆函数，什么是记忆函数呢？
用个最简单的例子来讲 useState 也是记忆函数 细想一下以下代码，为什么setcount每次改变会引起组件重新render，但是count为什么不会再次被初始值0进行赋值呢？
如果是这样的话，我们就不能修改成功了，所以说存在某个地方保存了state的值，而这个地方是不会受到render的影响的，state就被缓存起来了。