未定义传递给Parser的参数不是有效的GraphQl DocumentNode

Question

这是我的clientmutations.js文件。我正在使用 @apollo-client的GQL。 从“@apollo/client”导入{gql};

const DELETE_CLIENT = gql`
  mutation deleteClient($id: ID!) {
    deleteClient(id: $id) {
      id
      name
      email
      phone
    }
  }
`;

这是使用查询的组件。

import { DELETE_CLIENT } from "../mutations/clientMutations";

export default function ClientRow({ client }) {
  const { deleteClient } = useMutation(DELETE_CLIENT, {
    variables: { id: client.id },
  });
  return (
    <tr>
      <td>{client.name}</td>
      <td>{client.email}</td>
      <td>{client.phone}</td>
      <td>
        <button className="btn btn-danger btn-sm" onClick={deleteClient}>
          <FaTrash />
        </button>
      </td>
    </tr>
  );
}

我正在违反不变的侵犯：未定义传递给Parser的论点不是有效的GraphQl DocumentNode。您可能需要使用“ GraphQL-TAG”或其他方法将操作转换为我的浏览器控制台中的文档。

Answer 1

我能够通过重新启动反应来解决此问题。我还通过使用破坏对象而不是在此处使用阵列来犯了一个错误：

  const [ deleteClient ] = useMutation(DELETE_CLIENT, {
    variables: { id: client.id },
  });