如何将对象传递给 apollo graphql 的突变

Question

我尝试将变量传递给我在反应项目中的突变。它是工作静态代码：

const EDIT_WORD = gql`
  mutation {
    editWord(
      eng_word: "apple"
      data: { eng_word: "apple1", ru_word: "яблоко1" }
    ) {
      eng_word
    }
  }
...
const [editWordHook] = useMutation(EDIT_WORD);
...
editWordHook();

这是有错误的代码：

const EDIT_WORD = gql`
  mutation($eng_word: String!, $data: wordInput!) {
    editWord(
      eng_word: $eng_word
      data: { eng_word: $eng_word, ru_word: $ru_word }
    ) {
      eng_word
    }
  }
  `;
...
const [editWordHook] = useMutation(EDIT_WORD);
...
editWordHook({
        variables: {
          eng_word: editedWord,
          data: {
            eng_word: englishWordText,
            ru_word: russianWordText,
          },
        },
      });

我试过而不是 [$data: wordInput!]

$data: { $eng_word: String!, $ru_word: String! }

但是没有帮助...错误日志没有提供任何有价值的信息：

// value or the constructed error will be meaningless.
> 46 | constructor({
     | ^  47 |   graphQLErrors,
  48 |   networkError,
  49 |   errorMessage,

已经花了 10 个小时，找不到错误...

Answer 1

感谢所有试图帮助我的人！我放弃并将架构更改为更丑陋的版本...

editWord(
    edited_eng_word: String!
    new_eng_word: String!
    new_ru_word: String!
  ): Word!

现在它不需要对象并且可以工作。 ...我讨厌graphQl

Answer 2

你传递变量

      { eng_word: editedWord,
              data: {
                eng_word: englishWordText,
                ru_word: russianWordText,
              }
       }

到您的 editWordHook 函数，但您的 EDIT_WORD 突变并不期望它。

const EDIT_WORD = gql`
  mutation($eng_word: String!, $data: wordInput!) {
    editWord(
      eng_word: $eng_word
      data: { eng_word: $eng_word, ru_word: $ru_word }
    ) {
      eng_word
    }
  }
  `;

您的 EDIT_WORD 突变没有必需的参数

const EDIT_WORD = gql`
  mutation($eng_word: String!, $data: wordInput!) {
    editWord(
      eng_word: $eng_word
      data: { eng_word: $eng_word, ru_word: $ru_word }
    ) {
      eng_word
    }
  }
  `;

您可以看到突变输入参数是$eng_word: String! 和$data: wordInput!，但您在那里使用$ru_word。

如果你data变量对应wordInput!类型，尝试使用整个数据对象来突变

const EDIT_WORD = gql`
  mutation($eng_word: String!, $data: wordInput!) {
    editWord(
      eng_word: $eng_word
      data: $data
    ) {
      eng_word
    }
  }
  `;

Answer 3

我和你有同样的问题。 我找到了解决方案。

const EDIT_WORD = gql`
  mutation($eng_word: String!, $data: wordInput!) {
    editWord(
      eng_word: $eng_word,
      data: $data
    ) {
      eng_word
    }
  }
`;

您可能必须这样做。 当调用这个突变时，这样做：

editWord({
    variables: {
        eng_word: 'XXX'
        data: {
            eng_word: "YYY",
            ru_word: "ZZZ",
        }
    }
}).then(
).catch(
)

希望对你有帮助

Answer 4

这是一个当你想将对象作为变量传递时的突变请求示例

const CREATE_GAME = gql`
      mutation createGame($game: CreateGameInput!) {
        createGame(input: $game) {
          name
        }
      }
    `;


const [createGameDB] = useMutation(CREATE_GAME);
await createGameDB({ variables: {game: preparedGameToDb}})

CreateGameInput 它是您在服务器上定义的输入。就我而言，它看起来像这样

@InputType()
export class CreateGameInput {    
        @Field(() => String)
        name: String;
        @Field(type => [TeamInput], { nullable: true })
        teams: TeamInput[];
        @Field(type => [MemberInput], { nullable: true })
        members: MemberInput[]
        @Field(type => [GameWordInput], { nullable: true })
        words: GameWordInput[];
}