Skip to content

useAjax Hook

  • useAjax 用来封装 axios 请求,返回一个对象,包含请求状态、数据、错误信息等

用法

js
import { useAjax } from "profield";

const { ajaxFunc, loading } = useAJAX({
  func: GetProductDetail,
  runOnMounted: false,
  callBackFunc: (data: any) => {
    console.log(data);
  },
});

参数

参数说明类型默认值
func请求函数(params: any) => Promise<AxiosResponse<Ajax<T>>>
params前置请求参数any
runOnMounted是否在组件挂载时执行请求booleantrue
callBackFunc请求成功后的回调函数(data: T) => void

返回值

参数说明类型
ajaxFunc请求函数,手动请求Function
loading请求状态boolean
data请求数据any

useAJAXSim Hook

  • useAJAXSim 用来模拟请求,返回一个对象,包含请求状态、数据、错误信息等,是useAjax的简化版

用法

js
import { useAjaxSim } from "profield";
const { loading: addProductLoading, ajaxFunc: addProduct } = useAJAXSim(
  productAdd,
  false,
  (data) => {
    console.log(data);
  }
);

参数

参数说明类型默认值
第一个参数请求函数(params: any) =>Promise<AxiosResponse<Ajax<T>>>
第二个参数是否在组件挂载时执行请求booleantrue
第三个参数请求成功后的回调函数(data: any, res: any) => void

返回值

参数说明类型
ajaxFunc请求函数,手动请求Function
loading请求状态boolean
data请求数据any

杨利伟的博客