title: React/Redux dispatch function doesn't work
body: <p>I am using 'react-fileupload' to upload files on my server. In case of success I receive response with content of this file. So in one component I want to upload file and change stores state and in another component I want to show that data.</p>
  
  <p>But i don't know why my dispatch function doesn't work.</p>
  
  <p>Component with uploader:</p>
  
  <pre><code>import React, { Component } from 'react';
  import FileUpload from 'react-fileupload';
  import { connect } from 'react-redux';
  import { updateOverview } from '../actions/index';
  import { bindActionCreators } from 'redux';
  
  class Header extends Component {
    render() {
      const options = {
        baseUrl: 'http://127.0.0.1:8000/api/upload_file',
        chooseAndUpload: true,
        uploadSuccess: function(res) {
          console.log('success');
          updateOverview(res.data);
        },
        uploadError: function(err) {
          alert(err.message);
        }
      };
      return (
        &lt;div&gt;
          &lt;FileUpload options={options} ref="fileUpload"&gt;
            &lt;button
              className="yellow darken-2 white-text btn-flat"
              ref="chooseAndUpload"&gt;
              Upload
            &lt;/button&gt;
          &lt;/FileUpload&gt;
        &lt;/div&gt;
      );
    }
  }
  
  function mapDispatchToProps(dispatch) {
    return bindActionCreators({ updateOverview }, dispatch);
  }
  
  export default connect(null, mapDispatchToProps)(Header);
  </code></pre>
  
  <p>Component where data is shown:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  
  class Overview extends Component {
    renderContent() {
      console.log(this.props.overview);
      if (!this.props.overview) {
        return &lt;div&gt; Upload file!&lt;/div&gt;;
      }
      return this.props.overview;
    }
    render() {
      return (
        &lt;div&gt;
          &lt;h1&gt;Overview&lt;/h1&gt;
          {this.renderContent()}
        &lt;/div&gt;
      );
    }
  }
  function mapStateToProps({ overview }) {
    return { overview };
  }
  export default connect(mapStateToProps)(Overview);
  </code></pre>
  
  <p>Action creator:</p>
  
  <pre><code>import { FETCH_OVERVIEW } from './types';
  
  export function updateOverview(data) {
    return { type: FETCH_OVERVIEW, payload: data };
  }
  </code></pre>
  
  <p>reducer index.js</p>
  
  <pre><code>import { combineReducers } from 'redux';
  import overviewReducer from './overviewReducer';
  
  export default combineReducers({
    overview: overviewReducer
  });
  </code></pre>
  
  <p>overviewReducer.js</p>
  
  <pre><code>import { FETCH_OVERVIEW } from '../actions/types';
  export default function(state = null, action) {
    switch (action.type) {
      case FETCH_OVERVIEW:
        return action.payload;
      default:
        return state;
    }
  }
  </code></pre>