如何在react中根据其他graphql的响应调用graphql？

import React from 'react';
import { useQuery } from '@apollo/client';
import { gql } from 'graphql';

const GET_OTHER_DATA = gql`
  query GetOtherData {
    otherData {
      field1
      field2
    }
  }
`;

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

  if (loading) return <p>Loading...</p>;
  if (error) return <p>Error :(</p>;

  // 根据其他GraphQL响应调用GraphQL
  const { field1, field2 } = data.otherData;
  const MY_GRAPHQL_QUERY = gql`
    query MyGraphQLQuery($param1: String!, $param2: Int!) {
      myData(param1: $param1, param2: $param2) {
        fieldA
        fieldB
      }
    }
  `;

  const { loading: myLoading, error: myError, data: myData } = useQuery(MY_GRAPHQL_QUERY, {
    variables: { param1: field1, param2: field2 },
  });

  if (myLoading) return <p>Loading...</p>;
  if (myError) return <p>Error :(</p>;

  // 处理GraphQL响应数据
  const { fieldA, fieldB } = myData.myData;

  return (
    <div>
      <p>Field A: {fieldA}</p>
      <p>Field B: {fieldB}</p>
    </div>
  );
};