title: How to call a graphql query again with different variable value?
body: <p>This is my code file.</p>
  
  <pre><code>import React from 'react'
  import { gql } from 'apollo-boost'
  import { Query } from 'react-apollo'
  
  const CATEGORY_QUERY = gql`Some query here`
  
  const handleOnCategoryTouch = (id) =&gt; {
    //Again call the query
  }
  
  const Home = () =&gt; (
    &lt;Query
      query={CATEGORY_QUERY}
      variables={{ limit: 20, cursor: "", idcategory: 0 }}
    &gt;
      {({ loading, error, data }) =&gt; {
        if (loading) return &lt;Text&gt;Loading...&lt;/Text&gt;;
        if (error) return &lt;Text&gt;Error :(&lt;/Text&gt;;
        return (
          &lt;Categories
            categories={data.get_discovery_kol_data.categories}
            content={data.get_discovery_kol_data.postKol}
            onCategoryTouch={handleOnCategoryTouch}
          /&gt;
        )
      }}
    &lt;/Query&gt;
  </code></pre>
  
  <p>Here <code>Categories</code> is a component which renders categories as a chips in UI. On click of that chip, we get the categoryId. Now I want to recall the <code>CATEGORY_QUERY</code>, with the latest id and update the existing result, how do it ? </p>
  
  <p>I am using</p>
  
  <pre><code>"apollo-boost": "^0.1.3",
  "graphql": "^0.13.2",
  "react": "^16.3.0-alpha.1",
  "react-apollo": "^2.1.0-beta.3",
  "react-native": "0.54.2",
  </code></pre>