title: not able to get refs on addEventListener callback function
body: <p>I have a custom component which listen for an event and if detected call the callback function.</p>
  
  <pre><code>componentWillMount(props){
          this.setState(this.props);
          window.removeEventListener("ReactGridItemResize",this.onReactGridItemResize.bind(this));
          window.addEventListener("ReactGridItemResize",this.onReactGridItemResize.bind(this),false);
      }
  
  onReactGridItemResize(){
          this.refs.highChart.chart.reflow();
      }
  </code></pre>
  
  <p>in <code>render</code> method I am setting the <code>ref</code> like this</p>
  
  <pre><code>&lt;div className="chart pull-right"&gt;
                          &lt;ReactHighcharts ref="highChart" config={chartConfig}/&gt;
                        &lt;/div&gt;
  </code></pre>
  
  <p>if I try to access the same <code>ref</code> on <code>componentDidMount</code> I am able to access that not sure why It is not able to get the same on <code>addEventListener</code> callback because this callback will be fired based on some user action which will be definitely trigger after <code>componentDidMount</code>.</p>
  
  <p>so <code>this.refs.highChart</code> is coming as <code>null</code>.</p>
  
  <p>Please help me out on this.</p>
  
  <p>Thanks.</p>