将变量直接注入到从React-Apollo <突变/>组件传递的函数中，而不是作为道具

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

// 定义GraphQL突变操作
const mutation = gql`
  mutation UpdateUser($id: ID!, $name: String!) {
    updateUser(id: $id, name: $name) {
      id
      name
    }
  }
`;

// 创建高阶组件
const withMutation = graphql(mutation, {
  name: 'updateUserMutation',
});

// 定义一个React组件
const MyComponent = ({ updateUserMutation }) => {
  const handleUpdateUser = async (id, name) => {
    try {
      // 直接调用注入的突变函数
      const response = await updateUserMutation({
        variables: { id, name },
      });
      console.log(response.data.updateUser);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <button onClick={() => handleUpdateUser('123', 'John')}>
        Update User
      </button>
    </div>
  );
};

// 使用高阶组件包装React组件
const MyComponentWithMutation = withMutation(MyComponent);

export default MyComponentWithMutation;