javascript — GraphQLError: синтаксическая ошибка: неожиданное имя «undefined»

GraphQLError: синтаксическая ошибка: неожиданное имя «undefined»

Я сохранил все свои запросы на их странице:

 import gql from "graphql-tag"; const getStories = gql` query getStories { stories { id title author tagline summary rating you need go search find take returned changed } } ` const createStory = gql` mutation($title: String!, $author: String!) { create (title: $title, author: $author) { id title author tagline summary rating you need go search find take returned changed } } ` const updateStory = gql` mutation($id: ID!) { update(id: $id) { id title author tagline summary rating you need go search find take returned changed } } ` export default { getStories, updateStory, createStory }; 

На моей странице формы я импортировал мутацию createStory, и я пытаюсь связать ее с Компонентом, вот так:

 import React, { Component } from "react" import { withRouter } from 'react-router-dom' import graphql from 'graphql-tag' import createStory from '../../Queries/Queries' class Form extends Component { constructor(props) { super(props); this.state = { story: {} }; } onChange = e ={amp}gt; { const storyState = this.state.story; storyState[e.target.name] = e.target.value; console.log(this.props.createStory) console.log(storyState) this.setState(storyState); }; onSubmit = e ={amp}gt; { e.preventDefault(); console.log(this.state.story) this.props.createStory({ variables: { story: this.state.story } }) this.props.history.replace('/') }; render() { return ( {amp}lt;div className="card"{amp}gt; {amp}lt;h1{amp}gt;Write A Story{amp}lt;/h1{amp}gt; {amp}lt;form onSubmit={this.onSubmit}{amp}gt; // Cut out my form details for space {amp}lt;input type="submit" value="Write Story" /{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;/div{amp}gt; ); } } const createStoryMutation = graphql(createStory, { name: 'createStory'})(Form) export default withRouter(createStoryMutation) 

Тем не менее, я постоянно работал, получая ошибку.

GraphQLError: Syntax Error: Unexpected Name "undefined"

Сначала я подозревал, что это была проблема с упаковкой, поэтому один из способов, которыми я пытался ее решить, — чередование graphql-tag и graphql-tag . Я но, когда возиться с теми, которые я постоянно получаю, Object(...) is not a function , которая, я знаю, имеет отношение к тому, заключены ли импортированные функции в {скобки} или нет.

Я попробовал почти все, что мне известно, чтобы заставить этот код работать, но пока безрезультатно. Я знаю, что моя пост-мутация также слишком длинная (то есть она должна быть обернута во входной объект), но я просто пыталась сделать вещи функциональными, прежде чем очистить.

Это, как говорится, спасибо заранее.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector