useRequest

于 2024-05-13 17:18:14 发布
阅读量129 收藏
点赞数 3
文章标签： 前端 javascript 开发语言 reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hyy_20021212/article/details/138811057
版权 
  // 可以给解构出来的data,run,loading重新给个名字，也可以直接这么用
  const {data,run,loading}=useRequest(接口,{
    // 这个设置了以后，就是手动触发，在某一个地方需要就调用run
    manual:true
  })

如果设置了 options.manual = true，则 useRequest 不会默认执行，需要通过 run 来触发执行

快速上手 - ahooks 3.0

M+7~
关注
封装Vue3 + TypeScript中的useRequest网络请求Hook
小刘哥的博客
08-13 571
我们从定义一个body?: any;headers?onSuccess?onError?body?: U;headers?onSuccess?onError?// 添加转换响应的函数通过以上的扩展和优化，useRequestHook 不仅变得更加强大和灵活，而且能够满足更多复杂场景的需求。利用Vue3的Composition API和TypeScript，我们能够构建出高效、可维护和易于测试的前端应用，更好地服务于用户和业务。
自己动手一步步实现一个简易版 umi 的 useRequest
Constantiny的博客
06-07 707
useRequest 是一个强大的异步数据管理的 Hooks，React 项目中的网络请求场景使用 useRequest 就够了。useRequest 通过插件式组织代码，核心代码极其简单，并且可以很方便的扩展出更高级的功能。自动请求/手动请求轮询防抖节流屏幕聚焦重新请求错误重试SWR(stale-while-revalidate) 缓存具体看官方文档。
ahooks中的核心hook-useRequest（下）
bu_leng的博客
11-28 749
useRequest的强大不止于此。它还支持如loading状态延时、请求防抖、节流、依赖刷新等功能。不过其实现方式都是通过内置的插件hook来进行实现的。这样做既可以保证核心代码的简洁，还能更方便的扩展出更高级的功能。并且还支持用户进行自定义插件。
React Hooks 之 useRequest
飞扬小阁
12-17 1万+
https://hooks.umijs.org/zh-CN/hooks/async 一个强大的管理异步数据请求的 Hook. 核心特性 自动请求/手动请求 SWR(stale-while-revalidate) 缓存/预加载 屏幕聚焦重新请求 轮询 防抖 节流 并行请求 loading delay 分页 加载更多，数据恢复 + 滚动位置恢复 错误重试 请求超时管理 suspense ...... 基础版(自动请求) import { useRequest } fr...
手写中实现并学习ahooks——useRequest
量子前端的博客
03-08 1617
最近业务没有之前紧张了，也是消失了一段时间，也总结了一些之前业务上的问题。和同事沟通也是发现普通的asyncawait封装api在复杂业务场景下针对于请求的业务逻辑比较多，也是推荐我去学习一波ahooks，由于问题起源于请求，因此作者也是直接从useRequest开始看起。附。
react hooks-页面实时刷新2（useRequest）
Realizee的博客
11-10 2272
​页面能够实时刷新，归根结底是用了定时器的原理 1. 用setTimeout直接实现 ->react hooks-页面实时刷新（setInterval） 2. 用封装好的hook函数实现 （useRequest） useRequest 轮询通过设置 options.pollingInterval，进入轮询模式，useRequest是一个强大的异步数据管理的 Hooks。
umi-request & useRequest 源码分析及业务实践
小王的技术库
08-18 1536
文章详细介绍了以及源码以及核心流程，以及怎样很好的整合在日常的小程序以及后台的业务逻辑中，) 以下是一个接) 支持 debouce， 支持生命周期 onBefore，onError, onSuccess, onFinally 集成了 data，error，loading 支持 manual？或手动执行：初始化自动执。...
useRequest-蚂蚁中台标准请求 Hooks
微信-sjk6070
02-14 2567
useRequest 是一个超级强大，且生产完备的网络请求 Hooks，目前已经成为蚂蚁中台最佳实践内置网络请求方案。在蚂蚁内部中台应用，写网络请求，都推荐用 useRequest。 useRequest 可能是目前社区中最强大，最接地气的请求类 Hooks 了。可以覆盖 99% 的网络请求场景，无论是读还是写，无论是普通请求还是分页请求，无论是缓存还是防抖节流，通通都能支持。只有你想不到，没有它...
ahooks中的核心hook-useRequest（上）
郊眠寺
12-30 1390
useRequest是一个异步数据管理的hooks，是ahooks Hooks库的核心hook，因为其通过插件式组织代码，大部分功能都通过插件的形式来实现，所以其核心代码行数较少，简单易懂，还可以支持我们自定义扩展功能。可以说，useRequest能处理React项目绝大多数的网络请求场景。让咱自己写可能写不出来，那就先从模仿开始，通过阅读useRequest的代码，从中学习大佬们的代码逻辑和思维处理。
ahooks介绍、ahooks详细使用、react项目使用useRequest处理网络请求场景
zl的博客
08-26 1568
useRequest 是一个强大的异步数据管理的 Hooks，React 项目中的网络请求场景使用 useRequest 就够了。useRequest 通过插件式组织代码，核心代码极其简单，并且可以很方便的扩展出更高级的功能。目前已有能力包括：1、自动请求/手动请求2、轮询3、防抖4、节流5、屏幕聚焦重新请求6、错误重试9、缓存。
使用 ahooks 中的 useRequest 轻松管理React中的网络请求
Junerver的博客
09-14 8500
除了上面我们提到的，用于配置手动执行请求之外，options还有很多可选的配置，接下来我们简单介绍几个常用的配置。行文至此，想必你应经对如何使用useRequest有了一定的了解，在后续文章中，我会继续介绍useRequest中的其他高级用法，例如 swr 缓存、请求的防抖、节流，还有上面我们说的乐观更新等等。PS：再本文中，大写的 SW R特指的由 Next.js 团队推出的SWR库，小写的 swr 则指的是这一概念，请注意区分。
umi插件useRequest基本使用
weixin_62192841的博客
10-25 9298
umi默认开启了插件@umijs/plugin-request，内置了useRequest这个超级好用的hook，本文介绍了优点及基本使用方法，包含了大部分对于useRequest的使用场景，来找找有没有能解决你的问题的地方吧！
React Hooks学习--useRequest网络请求Hooks
weixin_42738354的博客
05-20 7920
当前用于网络请求的Hooks是很多的，但是为什么选择使用useRequest呢？ 目前的许多Hooks都需要根据不同的场景来选择，比如分页usePagination，加载更多useLoadMore useAsync能力不足，不能支持并行请求 useRequest不仅包含来Umi Hooks所有和网络请求相关的Hooks,还借鉴了swr的特性 swr的主要能力在于：我们在发送网络请求时，会优先返回缓存内的数据，然后在背后发起网络请求，最终用新的请求结果来触发组件渲染。 一.useRequest的基本使用
在Compose中使用useRequest轻松管理网络请求
最新发布
Junerver的博客
04-01 661
还记得：这篇文章么？现在我将 ahooks 带到了 Compose 开发中！在Compose项目中，你是如何进行网络请求，管理状态的？ViewModel？还是配合State？他们看起来都不够优雅，我们真的需要在 Compose 中创建这么多VM么？还有更优雅的方式么？来了解一下吧，也许它会让你在 Compose 开发中更加得心应手，更多的专注于组件而非复杂的状态管理。more。
阿里 ahooks介绍（二）: useRequest
热门推荐
热水钟博客
01-22 1万+
一、useRequet是什么 一个强大的异步数据请求特殊函数。 二、API说明： const { data, error, loading, run, params, cancel, refresh, mutate, fetches, } = useRequest(service, { manual, initialData, refreshDeps, onSuccess, onError, formatResult, cacheKey, loadingD...
useRequest使用日志
Jidahan的博客
11-30 3169
万变不离其宗，第一步，引入(我使用的umi脚手架) import { useRequest } from '@umijs/hooks'; 第二步，几个方法 // 用法 1 const { data, error, loading } = useRequest('/api/userInfo'); ​ // 用法 2 const { data, error, loading } = useRequest({ url: '/api/changeUsername', method: 'post', });
vue3里面useRequest
04-26
`useRequest` 是 Vue.js 3 中的一个自定义 Hook，它用于管理异步请求的数据。它可以帮助我们更方便地处理异步请求，避免了在组件中编写重复的请求逻辑。使用 `useRequest`，我们可以将异步请求的数据和状态分离出来，使代码更加清晰。 在 Vue.js 3 中，`useRequest` 是通过一个名为 `@vueuse/core` 的库来实现的。要使用 `useRequest`，我们需要先安装 `@vueuse/core`，然后在组件中引入它。具体使用方法可以参考 `@vueuse/core` 的文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值