title: Graphql, react-apollo how to transfer variable to query at loading component state
body: <p>I have a simple react component that must load data from server when user ask it. Problem is that i don't know how to transfer dynamic variable speakerUrl and access it in before component load state. Sure i can access it from <code>this.props.params</code>, but component is not loaded and i can't access it when i make a graphql query. Query - <code>QuerySpeaker</code> is working fine when i manualy set url variable.</p>
  
  <p><strong>Router</strong></p>
  
  <pre><code>&lt;Route path="/speaker/:speakerUrl" component={SpeakerPage} /&gt;
  </code></pre>
  
  <p><strong>Component - SpeakerPage</strong></p>
  
  <pre><code>import React from 'react';
  import { graphql } from 'react-apollo';
  
  import { QuerySpeaker } from '../redux/graphql/querys';
  
  class SpeakerPage extends React.Component {
      render( ) {
          console.log( this.props );
          return (
              &lt;div className="ui container"&gt;
                  &lt;div className="ui grid"&gt;
                      &lt;div className="row"&gt;
                          Hello
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export default graphql(QuerySpeaker, {
       options: ({ url }) =&gt; ({ variables: { url } }) &lt;- here is my problem, how can i set this url variable?
  })( SpeakerPage );
  </code></pre>