陷进到处都是啊！本篇文章就说说Hooks使用时存在所谓的闭包陷阱，看看下面代码： functionChat(){ const[text,setText]=useState(''); constonClick=useCallback(()=>{ sendMessage(text); },[]); return<SendButtononClick=...
在项目开发中，要求可以实现客户多次提交，这样的要求如何实现？ 实现方法很多，比如添加 loading，在第一次点击之后就无法再次点击。另外一种方法就是给请求异步函数添加上一个静态锁，防止并发产生。这就是 ahooks 的 useLockFn 做的事情。 useLockFn useLockFn用于给一个异步函数增加竞态锁，防止并发执行。 它的源码比较简单，如下所示： import{us...
本篇主要和大家沟通关于ahooks ，我们可以理解为加深对 React hooks 的了解。 我们先说下关于抽象自定义 hooks。构建属于自己的 React hooks 工具库。 其实我们应该培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。 注：本系列对 ahooks 的源码解析是基于v3.3.13。 现在就进入主题用ahooks 来封装 React要注意的时机？ Fun...
我们今天来讲讲关于ahooks 源码，我们目标主要有以下几点： 深入了解 React hooks。 明白如何抽象自定义 hooks，且可以构建属于自己的 React hooks 工具库。 小建议：培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。 列表页常见元素 后台管理系统中常见典型列表页包括筛选表单项、Table表格、Pagination分页这三部分。 针对使用 Ant...
在近期的工作中有些知识总结分享就是使用 uniapp 的 Vue3 版进行开发。这样可以在开发中遇到业务场景相同的，就分装了一个hook 来减少代码，易于维护。 hook的场景 上图中已经很详细为我们展示3处使用到了获取列表的功能。分别是： 我的收藏、已投递岗位、未投递岗位。现在我们就来详细说说。 假如： 我的收藏、已投递岗位、未投递岗位 都各自获取列表，就会出现重复性的定义以下代码 ...
