React

自定义Hooks: useProTableRequest —— Ant Design Pro Table 请求封装

在开发中,我们常常需要处理表格数据的请求、缓存、导出等功能。为了提高代码的复用性和简洁性,我们可以将这些逻辑封装到一个自定义 Hook 中。本文将介绍一个基于 Ant Design Pro Table 的表格请求封装 Hook —— useProTableRequest,并深入讲解其工作原理和如何在项目中使用。

自定义Hooks: useRouterParams(Web) - 获取 URL 中的查询参数

在 React 中,我们经常需要获取和处理 URL 中的查询参数。特别是在单页应用(SPA)中,路由参数的管理和转换非常常见。为了提高代码的复用性和可维护性,我们可以使用 React 的 Hook 来封装这类逻辑,确保代码简洁、易于维护。通过实现一个自定义的 useRouterParams Hook 来演示如何获取 URL 中的查询参数,并根据需求进行解析和转换。

自定义Hooks: useRowSelection - ProTable 选择项配置hooks

在写基于Antd Pro 后台业务的时候,发现一个高频业务场景需求:
表格列表多选item的时候,没办法跨分页选择。

我写一个自定义Hooks,支持跨分页选择。

自定义Hooks: useMutate - 简单的获取数据方法的一个封装

在写React 项目业务过程中,经常写一些 相似的代码逻辑。
比如我需要在进入页面请求接口数据

传统上我们请求接口获取数据,大概类似这样:

huangpengfei-js-tools

huangpengfei-js-tools

整理工作中常用的JavaScript、Taro、Hooks方法合集

Taro Parabola

taro-parabola

基于Taro3、React的H5和微信小程序添加到购物车抛物线动画组件

函数式组件与类组件有何不同?

函数式组件捕获了渲染所用的值。(Function components capture the rendered values.)