Reactjs 当 Redux 中 mapToDispatchToProps() 的参数时，'dispatch' 不是函数

我是一名javascript/redux/react初学者，使用redux、react-redux和&amp；react 由于某种原因，在将mapDispatchToProps函数与connect(react-redux绑定)结合使用时，我收到一个类型错误，表明在我try 执行生成的prop时，dispatch不是一个函数.但是，当我将dispatch作为一个props 调用时(请参阅提供的代码中的setAddr函数)，它可以工作.

我很好奇为什么会这样，在redux文档中的TODO应用程序示例中，mapDispatchToProps方法的设置方式是相同的.当我安慰的时候.日志(log)(dispatch)在函数中表示dispatch是object类型.我可以继续以这种方式使用dispatch，但在我继续使用redux之前，如果知道为什么会发生这种情况，我会感觉更好.我正在使用带有babel加载程序的webpack进行编译.

我的代码:

import React, { PropTypes, Component } from 'react';
import { connect } from 'react-redux';
import { setAddresses } from '../actions.js';
import GeoCode from './geoCode.js';
import FlatButton from 'material-ui/lib/flat-button';

const Start = React.createClass({
    propTypes: {
        onSubmit: PropTypes.func.isRequired
    },

    setAddr: function(){
        this.props.dispatch(
            setAddresses({
                pickup: this.refs.pickup.state.address,
                dropoff: this.refs.dropoff.state.address
            })
        )   

    },

    render: function() {
        return (
            <div>
                <div className="row">
                    <div className="col-xs-6">
                        <GeoCode ref='pickup' />
                    </div>
                    <div className="col-xs-6">
                        <GeoCode ref='dropoff' />
                    </div>
                </div>
                <div className="row">
                    <div className="col-xs-6">
                        <FlatButton 
                            label='Does Not Work'
                            onClick={this.props.onSubmit({
                                pickup: this.refs.pickup.state.address,
                                dropoff: this.refs.dropoff.state.address
                            })} 
                            />
                    </div>
                    <div className="col-xs-6">
                        <FlatButton 
                            label='Works'
                            onClick={this.setAddr} 
                            />
                    </div>
                </div>
            </div>
        );
    }
})

const mapDispatchToProps = (dispatch) => {
    return {
        onSubmit: (data) => {
            dispatch(setAddresses(data))
        }
    }
}

const StartContainer = connect(mapDispatchToProps)(Start)

export default StartContainer

干杯