如何使用阿波罗客户端和GraphQL HoC并行运行多个变异？

import ApolloClient from 'apollo-boost';

const client = new ApolloClient({
  uri: 'https://example.com/graphql', // 替换为实际的GraphQL服务器地址
});

import { graphql } from 'react-apollo';
import { gql } from 'apollo-boost';

const mutation = gql`
  mutation UpdateUser($id: ID!, $name: String!) {
    updateUser(id: $id, name: $name) {
      id
      name
    }
  }
`;

const MyComponent = ({ mutate }) => {
  const handleMutation = () => {
    mutate({
      variables: { id: '123', name: 'John' },
    });
  };

  return (
    <button onClick={handleMutation}>Update User</button>
  );
};

export default graphql(mutation)(MyComponent);

import { compose } from 'react-apollo';

const MyComponent = ({ mutate1, mutate2 }) => {
  const handleMutation1 = () => {
    mutate1({
      variables: { id: '123', name: 'John' },
    });
  };

  const handleMutation2 = () => {
    mutate2({
      variables: { id: '456', name: 'Jane' },
    });
  };

  return (
    <div>
      <button onClick={handleMutation1}>Update User 1</button>
      <button onClick={handleMutation2}>Update User 2</button>
    </div>
  );
};

export default compose(
  graphql(mutation1, { name: 'mutate1' }),
  graphql(mutation2, { name: 'mutate2' })
)(MyComponent);