graphQLエンドポイントに配列を送信する

Question

graphQLサーバが設定されています。値がハードコーディングされている場合、正しく動作します。ここに私の呼び出し要求がある：

"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

複雑なオプションを渡そうとしている場合は、variablesを使用するのが最適です。そうすれば、クエリ文字列に何かを書式設定することを心配する必要はありません。

ですから、このようにリクエストを送信します：あなたが前にSQLで働いている場合は

{ 
    "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": [] 
    } 
} 

、それはあなたのクエリで?を使用して、個別に引数を渡すのと同等です。基本的には、変数がそのケース専用に設計されているため、アプリ内でクエリを手動でシリアル化して連結しないでください。

this blog postで概説したように、実際は完全に静的な文字列としてクエリを保持する大きな理由がたくさんあります。