对象作为突变中的输入变量:GraphQL-Apollo-React

时间:2020-02-02 15:42:40

标签: javascript node.js reactjs graphql react-apollo

我在两个单独的存储库中都有一个React客户端项目和一个Node.js / GraphQL api。

在我的React应用程序中,我想将一个对象作为变量类型传递给我的变异。这是我的变异的样子:

export const CREATE_SPEAKER = gql`

  input Expertise {
    title: String!
    domain: String!
  }

  mutation CreateSpeaker(
    $name: String!
    $age: String!
    $nationality: String!
    $avatar: String!
    $expertise: Expertise!
  ) {
    createSpeaker(
      speakerInput: {
        name: $name
        age: $age
        nationality: $nationality
        avatar: $avatar
        expertise: $expertise
      }
    ) {
      name
      age
      nationality
      avatar
      expertise {
        title
        domain
      }
    }
  }
`;

在我的Node.js项目中,我具有以下架构:

input SpeakerInput {
      name: String!
      age: String!
      expertise: ExpertiseInput!
      nationality: String!
      avatar: String
}

input ExpertiseInput {
      title: String!
      domain: String!
}

还有我的解析器:

createSpeaker: async args => {
    const { name, age, nationality, avatar, expertise } = args.speakerInput;

    const newSpeaker = new Speaker({
      name,
      age,
      nationality,
      avatar,
      expertise: {
        title: expertise.title,
        domain: expertise.domain
      }
    });

    try {
      return await newSpeaker.save();
    } catch (error) {
      throw ("Failed to create speaker:: ", error);
    }
}

但是尝试创建扬声器时出现以下错误:

未捕获(承诺)不变的违反:没有架构类型定义 在查询中允许。找到:“ InputObjectTypeDefinition”

任何建议/想法如何做到?

1 个答案:

答案 0 :(得分:2)

在将请求发送到GraphQL服务时,您无法定义其他类型,并且您不需要-仅使用服务器上已定义的类型(在这种情况下为ExpertiseInput

$expertise: ExpertiseInput!

但是,首先不需要使用这么多变量:

mutation CreateSpeaker($input: SpeakerInput!) {
  createSpeaker(speakerInput: $input) {
    name
    age
    nationality
    avatar
    expertise {
      title
      domain
    }
  }
}