reactjs - 反应查询，无效的钩子调用

Question

我正在尝试制作一个轻松执行查询的功能。也许我最初做错了一切，如果你纠正我，我会很高兴。我创建了文件 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());

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