向graphQLendpoint发送数组

Question

图形QL服务器已设置。当值被硬编码时，它可以正常工作。这是我的调用请求：

"query": "mutation{
    createEvent(name: "+ name +", purpose: "+ purpose +", googleUserName: "+ googleUserName +", dateArray: "+ JSON.stringify(dateArray) +", attendees: [])
    {
      eventId
      name
      purpose
      googleUserName 
      dateArray 
      attendees{
         attendeeName
         personalizedDateSelection
         }
      }
   }"

这给出了错误：

{"errors":
   [{"message":
     "Syntax Error GraphQL request (1:88) Expected :, found Name \"dateArray\"\n\n1: mutation{createEvent(name: lakshman, purpose: test, googleUserName: Diwaakartg Ganesh, dateArray: [\"Wed, Nov 9th 2016\",\"Thu, Nov 10th 2016\",\"Thu, Nov 3rd 2016\",\"Wed, Nov 2nd 2016\"], attendees: [])
      {eventId
       name
       purpose
       googleUserName
       dateArray
       attendees{
          attendeeName 
          personalizedDateSelection
          }
       }
    }\n}]}                                                                                      

没有对齐错误。我这样做是为了增强可读性，但是，当对参数进行硬编码时，上述变异可以正常工作。我发现很难找到错误的原因。我已经尝试了两种JSON。stringify（dateArray）和仅dateArray。

或者有没有更好的方法从 react-redux 应用程序查询 GraphQL？

Answer 1

如果您试图传递复杂的选项，最好的方法是使用变量。这样，您就不必担心将任何内容格式化到查询字符串中。

因此，您将发送如下请求：

{
  "query": `
    mutation CreateEvent(
      $name: String!,
      $purpose: String!,
      $googleUserName: String!,
      $dateArray: [String],
      $attendees: [String]
    ) {
      createEvent(
        name: $name,
        purpose: $purpose,
        googleUserName: $googleUserName,
        dateArray: $dateArray,
        attendees: $attendees
      ) {
        eventId
        name
        purpose
        googleUserName 
        dateArray 
        attendees{
          attendeeName
          personalizedDateSelection
        }
      }
    }
  `,
  "variables": {
    "name": "...",
    "purpose": "...",
    "googleUserName": "...",
    "dateArray": [...],
    "attendees": []
  }
}

如果您以前使用过SQL，这相当于在查询中使用？并单独传递参数。基本上，您不应该在应用程序中手动序列化和连接查询，因为变量是专门为这种情况设计的。

事实上，正如我们在这篇博文中概述的那样，有很多很好的理由将查询保持为完全静态的字符串。