相关疑难解决方法(0)

Redux 动作调度不起作用

我试图在用户提交表单时分派一个动作。假设我有一个提交按钮,它会触发onSubmit表单上的事件(最终会在处理表单请求时显示一个微调图标,但此时,提交按钮只显示一个truefalse值,表示微调是否正在显示)。

登录页面.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)

javascript reactjs redux redux-thunk

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

reactjs ×1

redux ×1

redux-thunk ×1