React Apollo - nodejs graphql后端返回异步响应后如何重新获取(更新)数据

import { useQuery } from '@apollo/client';
import { GET_DATA } from './graphql/queries';

const MyComponent = () => {
  const { loading, error, data } = useQuery(GET_DATA);

  // ...
}

const MyComponent = () => {
  const { loading, error, data } = useQuery(GET_DATA);

  if (loading) {
    return <p>Loading...</p>;
  }

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

  // 处理数据更新
  // ...

  return (
    // 渲染组件
    // ...
  );
}

const MyComponent = () => {
  const { loading, error, data } = useQuery(GET_DATA);

  if (loading) {
    return <p>Loading...</p>;
  }

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

  // 处理数据更新
  const handleDataUpdate = () => {
    // 使用data来更新数据
    // ...
  };

  return (
    <div>
      <button onClick={handleDataUpdate}>Update Data</button>
      {/* 渲染组件 */}
    </div>
  );
}