react-query，无效的钩子调用

问题描述

我正在尝试创建一个函数来轻松执行查询。也许最初我做错了一切，如果您纠正我，我会很高兴。 我创建了文件Request.js：

import React from "react";
import { useQuery } from 'react-query'

export const Request = (method = "GET",body = {},url = 'http://localhost:3000/notes') => {
  const parameters = {
    headers: {
      'Content-Type': 'application/json',},method: method,};
  if (method == "POST" || method == "PUT") {
    parameters.body = JSON.stringify(body);
  }

  const { status,data,isFetching,error } = useQuery("repoData",async (url,parameters) => {
    return await fetch(
      url,parameters
    )
  });

  if (status === 'loading') {
    return <div>loading...</div> // loading state
  }

  if (status === 'error') {
    return <div>{error.message}</div> // error state
  }

  return data;
};

在index.js中，我调用了此函数

import { Request } from './Request/Request';
console.log(Request());

但是我有错误 错误：无效的挂钩调用。挂钩只能在功能组件的主体内部调用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）