GraphQLError при отправке мутации - PullRequest
Новая
       10

GraphQLError при отправке мутации

0 голосов
/ 25 июня 2018

Я получаю следующую синтаксическую ошибку при попытке использовать клиент Apollo

GraphQLError: Синтаксическая ошибка: найдено ожидаемое имя $

Запросотправка выглядит так: 

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

Мои определения типов на сервере определены такдокументы

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

Их пример соответствует моей реализации Я считаю, или я, возможно, неправильно понимаю использование 

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

Ответы [ 3 ]

0 голосов
/ 25 июня 2018

Вам может потребоваться отправить переменные в компонент мутации, например: 

<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>
0 голосов
/ 25 июня 2018

Я понял это - это просто!Не ставьте скобки вокруг вашей мутации - она ​​должна выглядеть следующим образом: 

const CREATE_AUTHOR = gql`
  mutation createAuthor($firstName: String, $lastName: String) {
    createAuthor(firstName: $firstName, lastName: $lastName) {
      firstName
      lastName
    }
  }
`;
0 голосов
/ 25 июня 2018

Я думаю, что вы пропустили запятую здесь: mutation createAuthor($firstName: String $lastName: String) {

Должно быть mutation createAuthor($firstName: String, $lastName: String) {

...