这是讲 ahooks 源码的第一篇文章,简要就是以下几点: 加深对 React hooks 的理解。 学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。 培养阅读学习源码的习惯,工具库是一个对源码阅读不错的选择。 注:本系列对 ahooks 的源码解析是基于v3.3.13。自己 folk 了一份源码,主要是对源码做了一些解读,可见详情。 第一篇主要介绍 a...
在工作中效率要求是很高的,现在就在频繁用到复选框,我们自己来写了个组件,增加其复用性,提高效率。 先看效果图: 这样只需提交后得到一个选中项的id组成的数组 下边直接上代码: 代码地址为:components/checkGrop/checkGrop wxml: <formbindsubmit="formSubmit"> <viewclass...
我们讲下 ahooks 的核心 hook —— useRequest。 useRequest 简介 根据官方文档的介绍,useRequest 是一个强大的异步数据管理的 Hooks,React 项目中的网络请求场景使用 useRequest ,这就可以。 useRequest通过插件式组织代码,核心代码极其简单,并且可以很方便的扩展出更高级的功能。目前已有能力包括: 自动请求/手动请求 ...
大家会发现,自从 React v16.8 推出了 Hooks API,前端框架圈并开启了新的逻辑复用的时代,从此无需在意 HOC 的无限套娃导致性能差的问题,同时也解决了 mixin 的可阅读性差的问题。这里也有对于 React 最大的变化是函数式组件可以有自己的状态,扁平化的逻辑组织方式,更加友好地支持 TS 类型声明。 在运用Hooks的时候,除了 React 官方提供的,同时也支持我们...
在项目开发中,会要求在小程序有时使用下拉框选项。在通常思路就是用 picker 组件实现。pick 组件使用 mode 来区分类别,默认使用普通选择器就行。 还有另一个方法就是可以通过自定义组件实现,代码如下: //index.js Component({ /** *组件的属性列表 */ properties:{ propArray:{ type:Array, ...