发送突变时的GraphQLError

Question

尝试使用Apollo客户端时，我遇到以下语法错误

GraphQLError：语法错误：应为名称，找到$

我发送的查询是这样的

const CREATE_AUTHOR = gql`
  {
    mutation createAuthor($firstName: String, $lastName: String) {
      createAuthor(firstName: $firstName, lastName: $lastName) {
        firstName
        lastName
      }
    }
  }
`;

我在服务器上的类型定义如下

//...
  type Mutation {
    createAuthor(firstName: String! lastName: String!): Author
    updateAuthor(_id: String firstName: String lastName: String): Author
    deleteAuthor(_id: String): Author
  }

//...

我的问题是，我使用gql查看阿波罗文档的正确方法是什么

https://www.apollographql.com/docs/react/essentials/mutations.html#calling-mutations

我相信他们的示例与我的实现相匹配，否则我可能会误解其用法

const ADD_TODO = gql`
  mutation addTodo($type: String!) {
    addTodo(type: $type) {
      id
      type
    }
  }
`;

Answer 1

您可能需要向突变组件发送变量，例如：

<Mutation mutation ={CREATE_AUTHOR} variables={{"firstName": firstName, "lastName": lastName}}>

更新

虽然这并不是你想要的，但我现在是这样做阿波罗突变的。

属于React组件类的函数：

sendInstantMsg(createIM) {
    const textToSendElem = document.getElementById("textToSend");
    const textToSend = textToSendElem.value;

    const {toID} = this.props;
    const fromID = Meteor.userId();
    const msgText = trimInput(textToSend);

    createIM({
        variables: {
            "fromID": fromID,
            "toID": toID,
            "msgText": msgText
        },
        optimisticResponse: {
            __typename: 'Mutation',
            createIM: {
                __typename: 'instant_message',
                id: -1, 
                fromID: fromID,
                toID: toID,
                msgText: msgText,
                createdAt: +new Date
            },
        },
        update: (cache, {data: {createIM}}) => {
            let cacheData = cache.readQuery({query: GETIMS_QUERY, variables: {"fromID": fromID, "toID": toID}});
            let instant_message = cacheData.instant_message;
            if (!isDuplicateObject(createIM, instant_message)) {
                instant_message.push(createIM);

                cache.writeQuery({
                    query: GETIMS_QUERY,
                    data: {instant_message},
                    variables: {"fromID": fromID, "toID": toID}
                });
            }
            textToSendElem.value = "";
            scrollToBottomOfTextMsgs();
        }
    })
}

在渲染函数中：

<Mutation
    mutation={CREATE_IM_MUTATION}
>
    {(createIM, {data}) => (
        <RaisedButton
            id="sendMsgButton"
            label="SEND"
            style={styles.makeApptButton}
            secondary={true}
            onClick={() => this.sendInstantMsg(createIM)}
        />
    )}
</Mutation>

Answer 2

我想你这里缺少了一个逗号：<代码>变异createAuthor（$firstName:String$lastName:String）{code>

应该是变异createAuthor（$firstName:String，$lastName:String）{

Answer 3

我发现这很简单！不要用括号括住你的突变，它应该是这样的：

const CREATE_AUTHOR = gql`
  mutation createAuthor($firstName: String, $lastName: String) {
    createAuthor(firstName: $firstName, lastName: $lastName) {
      firstName
      lastName
    }
  }
`;