Ошибка при попытке сохранить запись с сервера, созданного в реакции, graphql и apollo - PullRequest
Новая
       37

Ошибка при попытке сохранить запись с сервера, созданного в реакции, graphql и apollo

0 голосов
/ 31 января 2019

Когда я пытаюсь отправить регистр из моего пользовательского интерфейса в mi SERVER, который отправляет мне это сообщение

POST http://localhost:4000/graphql 400 (Bad Request) index.js: 70 [GraphQLerror]: Сообщение: переменная «$ description» необходимого типа «String!»не был предоставлен., Местоположение: [объект], путь: не определено index.js: 75 [Ошибка сети]: Ошибка сервера: Ответ не выполнен: полученный код состояния

Это компонент моего класса 

import React, { Component, Fragment } from 'react';
import { Query, Mutation } from 'react-apollo';
import BrandItem from '../models/BrandItem';
import * as BrandService from '../services/BrandService';

export class Brand extends Component {
  render() {
    let input;

    return (
      <div className="divform">
        <Mutation mutation={BrandService.ADD_BRAND}>
          {
            (addBrand, { data }) => (
              <form onSubmit={e => {
                e.preventDefault();
                addBrand({ variables: { type: input.value } });
                input.value = '';
              }}>
                <label htmlFor="description">Description</label>
                <input type="text" id="description" name="description" required ref={node => { input = node; }} />
                <input type="submit" value="Send" />
              </form>
            )
          }

        </Mutation>
        <div>
          <Fragment>

            <Query query={BrandService.BRAND_QUERY}>
              {
                ({ loading, error, data }) => {
                  if (loading) return <div><h4>loading....</h4></div>
                  if (error) console.log(error);

                  return <Fragment>
                    <table>
                      <thead>
                        <tr>
                          <th>Id</th>
                          <th>Description</th>
                        </tr>
                      </thead>
                      <tbody>
                        {
                          data.brands.map(brand => (
                            <BrandItem key={brand.id} brand={brand} />
                          ))
                        }
                      </tbody>
                    </table>
                  </Fragment>
                }
              }
            </Query>
          </Fragment>
        </div>
      </div>
    )
  }
}

export default Brand

И это мое служение 

import gql from 'graphql-tag';

export const BRAND_QUERY = gql`
  query BrandQuery {
    brands {
      id
      description
    }
  }
`;

export const ADD_BRAND = gql`
  mutation AddBrand($description: String!){
    addBrand(description: $description){
      id
    }
  }
`;

1 Ответ

0 голосов
/ 31 января 2019

Привет, проблема в этой строке. 

addBrand({ variables: { type: input.value } });

Здесь вы передаете тип переменной, где в качестве мутации необходимо описание.Поэтому переход к следующему должен решить вашу проблему. 

addBrand({ variables: { description: input.value } });

Удачи и дайте мне знать, как вы ладите.

...