![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
hooks
文章平均质量分 73
肆码难椎
好记性不如烂笔头,把学到的东西记下来!
展开
-
ahooks中的核心hook-useRequest(下)
useRequest的强大不止于此。它还支持如loading状态延时、请求防抖、节流、依赖刷新等功能。不过其实现方式都是通过内置的插件hook来进行实现的。这样做既可以保证核心代码的简洁,还能更方便的扩展出更高级的功能。并且还支持用户进行自定义插件。原创 2022-11-28 15:46:03 · 665 阅读 · 0 评论 -
ahooks中的核心hook-useRequest(上)
useRequest是一个异步数据管理的hooks,是ahooks Hooks库的核心hook,因为其通过插件式组织代码,大部分功能都通过插件的形式来实现,所以其核心代码行数较少,简单易懂,还可以支持我们自定义扩展功能。可以说,useRequest能处理React项目绝大多数的网络请求场景。让咱自己写可能写不出来,那就先从模仿开始,通过阅读useRequest的代码,从中学习大佬们的代码逻辑和思维处理。ahooks:文中代码基于3.7.2版本。原创 2022-11-25 17:42:32 · 996 阅读 · 0 评论 -
react函数组件如何获取上一轮的props和state? 我用hooks这样来获取
hooks中通过useRef和useEffect获取上一轮的props和state看一下官方文档对useRef的描述useRef当ref对象内容发生变化时,是不会引发组件重新渲染的;再看一下useEffect的执行实际他会在浏览器完成布局与绘制之后,在一个延迟时间中被调用.结合useRef和useEffect,我们就能够获取到上一次的props和state;function PrevState() { const [count, setCount] = React.useState(0原创 2021-05-07 11:20:33 · 3813 阅读 · 1 评论 -
useCallback别乱用! 性能优化也是有成本的.
前言我们在得知useCallback能够优化性能后,恨不得每个函数都要拿useCallback包裹一下;不过我们需要明白: 错误或盲目的使用useCallback会导致性能不升反降;useCallback这种memoized函数也是需要成本的,比如增加了额外的deps变化判断,再比如可能会获得更多的内存分配…; 因此性能优化带来的好处可能抵消不了它的成本; 打个比方就像你开车去10公里以外的小镇 和 你开车去隔壁的邻居家);那么,什么情况下才可以使用useCallback去进行性能优化呢?在你觉得这原创 2021-05-19 18:59:22 · 2433 阅读 · 1 评论