useMemo，useCallback

再次更新。 

useMemo 可以看到，他是有一个return的，缓存的一个值。 

 const params = useMemo(() => {

    return id ? { id: id.toString() } : null;

  }, [id]);

下面这个呢，为什么要这么写。 

本来我是用 useEffect（）去写的，但因为useEffect是渲染DOM后才去执行的，所以，想到了使用useMemo， 下面这样的用法相当于 useLayoutEffect。

 useMemo(() => {

    columns.splice(2, 4);

  }, []);

----------------------------------------------------------------------

1、  useMemo 如果 传入的返回值是函数，那就跟useCallback一样，所以，useMemo应该是跟vue的compute一样功能，缓存计算的变量， 也就是，返回的是变量

2、   useMemo  传入的函数的返回值应该是函数， 常用于防抖节流函数上，不让这个函数重复调用，每次调用都是函数里面的函数。 （不懂把防抖节流看下就知道了，为了维护那个闭包变量。）

参考： React性能优化之React.memo、useMemo和useCallback - 掘金

项目中的一点发现，有时候，useMemo 和 useCallback 两个随便用，效果都一样的，唯一的区别是，用useMemo包裹后，返回的是一个值，用useCallback包裹后，返回的是一个函数。

值就直接使用，缓存函数需要 调用一下

--------------------------------------------------

暂存

这个也很好，useCallback（（）=>{}，[] ） 是直接缓存里面的东西 

                        useMemo（（）=>{      // useMemo 是缓存里面的返回值 就是retun（）部分

                    return () 

},[ ] ）

React Hooks + TypeScript编码示例四之useRef、useCallback和useMemo_哔哩哔哩_bilibili主要介绍React Hooks的使用及一些原理性知识，有实际编码和讲解，分了多个视频进行讲解。, 视频播放量 3098、弹幕量 9、点赞数 46、投硬币枚数 28、收藏人数 71、转发人数 2, 视频作者 一斤代码, 作者简介 拥有14年开发经验的全栈开发者，热爱编程，热爱生活，热爱折腾。曾任职于FIS、IBM等国际知名企业，同时拥有多次互联网创业经历。，相关视频：彻底掌握 React memo, useMemo, useCallback，React Hooks 工作原理，通过一个简单的todoList来学习React组件通信的几种方式--TypeScript版本，从头写一个airbnb 全栈 fullstack React, React Native, GraphQL, and TypeScript.，Vite+Typescript实战React18新特性，用React+TypeScript开发一个Web《网易云音乐》单页面应用——第二回，[React & TypeScript] (1) Context, 用规范的方式做正确的事，10 分钟学习 React useMemo，GraphQL + React Apollo + React Hook 大型项目实战，同事的 Hooks 写法震惊到了我，千万不要这么声明 state！了解 React Hooks 使用易错点第三期 useState 补充https://www.bilibili.com/video/BV1Tv41117fn?spm_id_from=333.999.0.0&vd_source=6feae9c030399ae823893739ec99ed48

100分 ，讲得简洁，清晰，易懂

要不要使用 useMemo 和 useCallback_哔哩哔哩_bilibili个人观点：1. 在出现性能问题后，进行优化时可以考虑使用 useMemo 和 useCallback 对性能进行一定的优化；2. 如果没有性能问题可以不用，这样可以更专注于代码本身逻辑。, 视频播放量 4673、弹幕量 22、点赞数 97、投硬币枚数 77、收藏人数 106、转发人数 6, 视频作者 findxc, 作者简介 博客：https://github.com/findxc/blog/issues，相关视频：「上集」React性能优化，你需要知道的一切，彻底掌握 React memo, useMemo, useCallback，【React全家桶移动端猿题库项目实战】React 真不难，带你理解底层逻辑！，React面试题金编，9分钟掌握React Hooks正确认知，面试阿里，被问到 React，这回答像教科书一样！直接吊打面试官，Umi 3+Dva入门实践 完成用户管理的CRUD应用(2020)，【全网首发(完整)】最深度细致的『React Hooks事件待办』项目实战，redux全局状态管理学习路线之一 : redux&react-redux，来，跟我一起手写 Redux！（建议 2 倍速播放）https://www.bilibili.com/video/BV1gf4y1X7bQ/?spm_id_from=333.788&vd_source=6feae9c030399ae823893739ec99ed48