title: How to force a reload of ReactJS Relay Modern data (force fetch)?
body: <p>Consider the following ReactJS component with Relay Modern:</p>
  
  <pre><code>import React, { Component } from "react";
  import PropTypes from "prop-types";
  import { graphql } from "react-relay";
  import { QueryRenderer } from "react-relay";
  
  import environment from "../../relay/environment";
  
  const CustomersQuery = graphql`
      query CustomersQuery($versionId: ID!) {
          viewer {
              customers {
                  id
                  name
              }
          }
      }
  `;
  
  class Customers extends Component {
  
      handleRefresh = () =&gt; {
          /// ???? ///
          How to force relay to refetch data here ?
          /// ???? ///
      };
  
      getCustomer = (customer) =&gt; {
          return (
                  &lt;div&gt;
                      &lt;p&gt;Customer Data:&lt;/p&gt;
                      &lt;p&gt;Id: {customer.id}&lt;/p&gt;
                      &lt;p&gt;Name: {customer.name}&lt;/p&gt;
                  &lt;/div&gt;
                  );
      }
  
      handleContent = props =&gt; {
          let customers = props.viewer.customers.map(customer =&gt; {
              return this.getCustomer(customer);
          });
  
          return (
                  &lt;div&gt;
                      &lt;button type="button" onClick={this.handleRefresh}&gt;
                          Reload Screen
                      &lt;/button&gt;
                      {customers}
                  &lt;/div&gt;
          );
      };
  
      render = () =&gt; {
          return (
              &lt;QueryRenderer
                  environment={environment}
                  query={this.props.query}
                  render={({ error, props }) =&gt; {
                      if (error) {
                          throw new error;
                      } else if (props) {
                          return this.handleContent(props);
                      }
  
                      return &lt;p&gt;&gt;Loading...&lt;/p&gt;;
                  }}
              /&gt;
          );
      };
  }
  
  export default Customers;
  </code></pre>
  
  <p>What is the correct way to force the component to reload Relay data inside <code>handleRefresh</code> handler ? </p>