ahooks useRequest怎么使用


这篇文章主要介绍“ahooksuseRequest怎么使用”,在日常操作中,相信很多人在ahooksuseRequest怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ahooksuseRequest怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!先上代码:useRequest.ts使用useRequest 对于请求函数的写法并无过多要求,只要是一个异步function且返回一个promise对象,即可传入useRequest的第一个参数中,而第二个参数则是一系列的可选配置项,雏形版本我们暂时只支持onSuccess。代码改造后:useRequest.ts使用手动执行的逻辑主要是根据manual参数砍掉useRequest mount阶段的渲染请求,把执行请求的能力暴露出去,在页面中去手动调用request()来触发。代码改造后:useRequest.ts使用轮询的支持在hook中主要用到了timer setTimeout的递归思路,同时给出一个status状态值判断是否在轮询中,当调用端执行cancel()status则为false;当轮询开始,则statustrue。而cancel()的能力 主要也是取消了timer的递归请求逻辑,并且轮询的业务场景和manual: true配合很免费云主机域名多。代码改造后:useRequest.ts使用依赖请求的思路就是在hook中加入一个ready字段,也是在基于manual一层的限制后又加了一层,来判断是否在hook加载时是否做默认请求,而当option中的ready更新(为true)时,hook自动更新从而发起请求。常用于页面中A请求完成后执行B请求,B请求的ready字段依赖于A请求的data/loading字段。防抖和节流的实现比较简单,依赖于lodash库,包装了一下request函数的请求内容。代码如下:useRequest.ts使用hook中,通过lodash.debounce/lodash.throttle来包装request函数主体,通过option中的判断来执行对应的包装体函数。改造后的代码(最终代码)如下:useRequest.ts使用缓存的主体思路是在useRequest中拿到第一次数据后通过useCallback来透出data依赖来保存,同时向外暴露一个cachedFetchData来过渡datanull到请求到接口数据的过程。依赖更新的思路则是在页面中给useRequest一系列依赖状态一并加入在hook的请求副作用中,监听到页面中依赖改变,则重新请求,具体实现则是refreshDeps参数。到此,关于“ahooksuseRequest怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: Python中寻找数据异常值的方法有哪些

本篇内容介绍了“Python中寻找数据异常值的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在数据处理、机器学习等领域,我们经常需要对各式各样的数据进…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 05/20 19:34
Next 05/20 19:34

相关推荐