useRequest使用时触到的坑

最新推荐文章于 2024-09-11 16:29:41 发布

Gamelifezhao

最新推荐文章于 2024-09-11 16:29:41 发布

阅读量1.3k

点赞数

文章标签： react

本文链接：https://blog.csdn.net/Gamelifezhao/article/details/124721949

版权

本文介绍了作者在尝试使用ahooks库中的useRequest实现轮询功能时遇到的问题。最初，由于错误地将API直接传递给useRequest，导致页面挂载后疯狂发送请求。在仔细阅读文档并修正为使用回调函数后，成功解决了问题。文章强调了正确理解和使用轮询函数的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前一直使用的定时器来自定义一个轮询功能，和朋友交流时认识到ahooks这个包，随查看文档学习使用useRequtes轮询功能
一开始我是怎么写的

 const {run, cancel } = useRequest(apiAll(),
        {
          pollingInterval: 1000,
          pollingWhenHidden: false,
          // 当前界面不在窗口的时候是否自动
          manual : true,
          // 第一次调用必须手动
        }
      )
useEffect(()=>{
    if (checked) {
      run()
    } else {
      cancel()
    }
  },[checked])

然后页面一经挂载就疯狂发送请求，查看文档自己写的没错啊，心态有点崩。

后经仔细打量

const {run, cancel } = useRequest(()=>apiAll(),
        {
          pollingInterval: 1000,
          pollingWhenHidden: false,
          // 当前界面不在窗口的时候是否自动
          manual : true,
          // 第一次调用必须手动
        }
      )

原来这边轮询的函数是要进行回调才会成功