我试图在用户提交表单时分派一个动作。假设我有一个提交按钮,它会触发onSubmit表单上的事件(最终会在处理表单请求时显示一个微调图标,但此时,提交按钮只显示一个true或false值,表示微调是否正在显示)。
登录页面.js
import React from 'react';
import { Link } from 'react-router-dom';
export class LoginPage extends React.Component {
constructor(props) {
super(props);
this.handleLogin = this.handleLogin.bind(this);
}
handleLogin(e) {
e.preventDefault();
let email = document.getElementById('userEmail').value;
let password = document.getElementById('userPassword').value;
this.props.loginHandler(email, password);
}
render() {
return (
<form onSubmit={ this.handleLogin }>
<input type="submit" value={ this.props.requestingLogin } />
</form>
);
}
}
export default LoginPage;
Run Code Online (Sandbox Code Playgroud)
登录页面容器.js
import React from 'react';
import { connect } from 'react-redux';
import LoginPage from …Run Code Online (Sandbox Code Playgroud)