如何使用reactjs对graphql查询执行操作和React Apollo

Question

在编写ReactJS代码方面，我需要帮助，以实现自己想要完成的任务。我试图基于一个查询的结果运行几个graphql查询。例如下面的代码

import gql from 'graphql-tag';
import { Query } from 'react-apollo';

const GET_DOGS = gql`
  {
    dogs {
      id
      breed
    }
  }
`;

以下产生

{
  "data": {
    "dogs": [
      {
        "id": 1,
        "breed": "breed1" 
      },
      {
        "id": 1,
        "breed": "breed2" 
      }
    ]
  }
}

我希望能够有一个代码来计算有多少ID，这些ID与系统中有多少只狗相关，然后将每个狗ID用于这样的另一个查询。

const GET_DOGS_HEALTH = gql`
{
  consumer(id: <INSERT-DOGS-ID-FROM-PREVIOUS-QUERY-HERE>) {
    id
    breed
    allergies
    dateOfBirth
    dateOfLastShot
    lastShot
  }
}
`;

最后，我希望能够显示有多少只狗，按细分列出的总犬种，总计的过敏总数，然后显示每只狗的狗健康信息。