类型变量应为使用Apollo的对象

Question

我在GraphQL Playground中有一个可以工作的查询，我正试图使用Apollo使其工作。我似乎无法将变量正确地传递给查询。

这是我的代码：

public render() {
  const CONVERSATION = gql`
    query GetConversation(
      $conversationId: ConversationWhereUniqueInput!
    ) {
      conversation(where: $conversationId) {
        id
        title            
      }
    }
  `
  const conversationId: any = this.props.conversation
  console.log(conversationId) // works.

  return (
    <ApolloProvider client={this.client}>
      <div>
        <Query query={CONVERSATION} variables={{ conversationId }}>
          {({ loading, error, data }) => {
            if (error) {
              return <div>${JSON.stringify(error)}</div>
            }
            if (loading) {
              return <div>Loading...</div>
            }
            return <div>{JSON.stringify(data)}</div>
          }}
        </Query>
      </div>          
    </ApolloProvider>
  )
}

[GraphQL错误]:消息：变量“$ConversationID”获得无效值“CJRTFAGWC00BQ0A300NJZ594R”；类型ConversationWhereUniqueInput应为对象。,位置：[object object],路径：未定义

我认为通过将变量作为variables={{conversationId}}传递，我实际上是按照请求传递了一个对象。我做错了什么？

编辑本杰帮我找到了哪里出了问题。

我不得不将const conversationId:any=this.props.conversation更改为const conversationId:any={this.props.conversation}

Answer 1

您正在传递变量：

{
  "conversationId": "cjrtfagwc00bq0a300njz594r"
}

这很好。问题是，您定义的查询声明ConversationID变量（您已经给出了字符串（或ID？）值“CJRTFAGWC00BQ0A300NJZ594R”)应该是ConversationWhereUniqueInput（它是输入对象）：

$conversationId: ConversationWhereUniqueInput!

这两种类型(id和ConversationWhereUniqueInput)不兼容。

给定变量命名，我怀疑您希望更改GraphQL查询，以便它将conversationID属性作为where参数的一部分传递：

query GetConversation(
  $conversationId: ID!
) {
  conversation(where: {conversationId: $conversationId}) {
    id
    title            
  }
}