本文不会过多讲解基础知识，更多说的是在使用useRef如何能摆脱 这个 闭包陷阱 ？ react hooks 的闭包陷阱 基本每个开发员都有遇见，这是很令人抓狂的。 (以下react示范demo，均为react 16.8.3 版本) 列一个具体的场景： functi...
现在就是要求在小程序下面商品左右滑动上面tab也跟随变动功能 点击tab切换下面的上面信息，商品左右滑动切换上面的tab分类 功能描述：点击tab切换下面的商品信息；滑动下面的商品信息tab也进行切换。 第一步：我们先来说一下上面的tab,tab我们使...
陷进到处都是啊！本篇文章就说说Hooks使用时存在所谓的闭包陷阱，看看下面代码： functionChat(){ const[text,setText]=useState(''); constonClick=useCallback(()=>&n...
在项目开发中，要求可以实现客户多次提交，这样的要求如何实现？ 实现方法很多，比如添加 loading，在第一次点击之后就无法再次点击。另外一种方法就是给请求异步函数添加上一个静态锁，防止并发产生。这就是 ahooks 的 useLockFn 做的事情。 useLo...
本篇主要和大家沟通关于ahooks ，我们可以理解为加深对 React hooks 的了解。 我们先说下关于抽象自定义 hooks。构建属于自己的 React hooks 工具库。 其实我们应该培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。 注：本系列对 ah...
我们今天来讲讲关于ahooks 源码，我们目标主要有以下几点： 深入了解 React hooks。 明白如何抽象自定义 hooks，且可以构建属于自己的 React hooks 工具库。 小建议：培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。 列表页常见...
在项目中，要求微信小程序的地区可以选择伪五级联动 展示如下 这里采用的是自定义多列选择器picker mode="multiSelector" <viewclass="section"> <viewclass="section__title">多列选择器</view> <pick...
起因 社会在不断的向前，技术也在不断的完善进步。从 React Hooks 正式发布到现在，越来越多的项目正在使用 Function Component 替代 Class Component，Hooks 这一新特性也逐渐被广泛的使用。 这样的解析是不是很熟悉，在...
JavaScript异步与回调 一、前言 首先我们要记住的是异步和并行有着本质的区别。 并行，简单来说是一般指并行计算，就是说同一时刻有多条指令同时被执行，这些指令可能执行于同一CPU的多核上，或者多个CPU上,或者多个物理主机甚至多个网络中。 ...
这是讲 ahooks 源码的第一篇文章，简要就是以下几点： 加深对 React hooks 的理解。 学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。 培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。 注：本系列对 ahooks 的源码...
最近尝试在 useEffect 使用 async 的时候会报错，因此，本篇文章就是想喝大家说说为什么？也解读其中缘由。 具体代码分析 执行 mountEffect 当页面中使用 useEffect 的时候，会在初始化的时候执行 mountEffect 如下： useEffect:functi...
在项目搭建过程中吃，需要实现一个多列选择器，在用户确定之前，无论列表如何转，对于已选择的都不会有影响，只有在确定选择内容后才显示值上。 思路：保存两份，一份用来存放用户选择的中间值，当用户点击确定时，把中间值更新为已确认值。如果用户选...
背景 在使用useEffect中用啦回调函数中使用 async...await... 这时候就会报错。 上面代码可以看到，在报错，effect function 应该返回一个销毁函数（effect：是指return返回的cleanup函数），如果 useEffect 第一个参数传入...
useEffect是很常见的，现在写的是十分需求的。 useEffect(async()=>{ awaitgetPoiInfo();//请求数据 },[]); 可是React 却无法支持这样做，就是因为 effect function 应该返回一个销毁函数（effect：是指return返回的cleanup函...
很多知识就是在开发中让我们更加努力学习，本篇文章主要就是讲在微信小程序中实现多项选择器checkbox。 第一的话就是我们的相关的布局文件： <viewclass="container"> <viewclass="page-body"> <viewclass="page-section...
