title: React Function is not returning component after being called from onchange method
body: <p>I am calling 'reload' function when the value is changed on react-select component. The control is going into the function but it is not returning the component from that function. I have tried calling the component from render then the component is being called.</p>
  
  <pre><code>import React, { Component } from 'react';
  import Select from 'react-select';
  import removeDuplicates from '../../helpers.js';
  import Dashboard from '../../containers/Dashboard';
  
  class ExportDropDown extends Component {
      constructor() {
          super();
          this.state = { dropdown: null }
          this.reload = this.reload.bind(this);
      }
  
      reload(value) {
          console.log('val', value);
          const filter = (
              &lt;div className={'lll'}&gt;
                  &lt;Dashboard filter={'abc'} /&gt;
              &lt;/div&gt;
          );
          return filter;
      }
  
      render() {
          const uniqueArray = removeDuplicates(this.props.data, 'Expert');
          return (
              &lt;div&gt;
                  &lt;select onChange={this.reload}&gt;
                      {uniqueArray.map((d) =&gt; &lt;option key={d.Expert} value={d.Expert}&gt;{d.Expert}&lt;/option&gt;)}
                  &lt;/select&gt;
              &lt;/div&gt;
          );
      }
  
  }
  
  export default ExportDropDown;
  </code></pre>