未定义mapDispatchToProps的参数

Question

在mapDispatchToProps上，我尝试声明一种用于调度名为handleSubmit的操作的方法，但反应是未定义handleSubmit，它在类中定义，但是我尝试了很多，但无法解决

import React from 'react';
import {bindActionCreators} from "redux";
import connect from "react-redux/es/connect/connect";


 class Login extends React.Component {

    constructor(props) {
        super();

        this.state = {
            email: '',
            senha: '',
        };

    }

    handleChange = e => this.setState({...this.state, [e.target.name]: e.target.value});


    handleSubmit = e => {
        e.preventDefault();
    }

    render() {

        return (
            <React.Fragment>
                <div className="container">

                    <div className="card">

                        <div className="card-logo">

                        </div>

                        <form onSubmit={this.handleSubmit} className="card-form">
                            <label htmlFor="email">Email</label>
                            <input type="text" id={'email'} name={'email'} value={this.state.email}
                                   onChange={this.handleChange}/>

                            <label htmlFor="senha">Senha</label>
                            <input type="text" id={'senha'} value={this.state.senha}
                                   name={'senha'} onChange={this.handleChange}/>

                            <input type="submit" value={'Logar'} />
                        </form>

                    </div>


                </div>
            </React.Fragment>
        )
    }

}

const mapsStateToProps = state => ({usuario: state})
const mapDispatchToprops = dispatch => bindActionCreators({handleSubmit}, dispatch)

export default connect(mapsStateToProps, mapDispatchToprops)(Login)

我该如何解决？我尝试做

const mapDispatchToProps = (dispatch) => {
  return {
    handleSubmit: () => {
      dispatch(handleSubmit());
    }
  };
};

没有使用bindActionsCreators，但是我给出了一些错误：'handleSubmit'未定义为no-undef