在React组件内成功调用useQuery自定义挂钩

import { useQuery } from 'react-query';

const fetchData = async () => {
  // 进行数据查询的逻辑
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
};

const MyComponent = () => {
  const { data, isLoading, error } = useQuery('myData', fetchData);

  if (isLoading) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  return (
    <div>
      {/* 使用查询到的数据进行渲染 */}
      {data && data.map(item => <div key={item.id}>{item.name}</div>)}
    </div>
  );
};