ahook的useRequest使用

最新推荐文章于 2025-07-20 16:54:53 发布

小陈和代码的爱恨情仇

最新推荐文章于 2025-07-20 16:54:53 发布

阅读量1.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： react 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/cgh508802602/article/details/127076800

react 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用ahooks库中的useRequest钩子来手动触发API请求的方法。通过设置manual属性为true，可以在需要的时候手动调用run方法来获取数据，而不是组件加载时自动触发。

import { useRequest } from 'ahooks';
import { getList } from '../../service/home';
export default function Home() {
  const { run, loading } = useRequest(getList, {
    manual: true,
    onSuccess: (res) => {
      console.log(res);
    }
  })
    ; const fq = () => {
      run();
    }
  return (
    <div>
      Home222
      <button onClick={fq}>按钮</button>
    </div>
  )
} //设置了manual:true则需要手动调用run方法,如果不设置的话则组件加载后自动调用