на 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