Redux更新状态太慢后axios.post调用

Question

所以我尝试使用react、redux应用一个简单的登录功能。通过使用axios post请求发送到django服务器（用户名、密码），但问题出在调用它的组件上。例如组件A。所以场景是这样的：

1. 用户输入用户名和密码，然后单击提交

>

class A extends Component{
  handleSubmit = (values) => {
      this.props.onAuth(values.username, values.password);
      if(!this.props.error){
         // redirecting somewherr
      }else{
         // giving error message
      }
  }

 render() {
  return{
      <Form onSubmit={this.handleSubmit}>
       <Input name="username"/>
      <Input name="password"/>
     </Form>
  }

}
  const mapStateToProps = (state) => {
   return {
     error: state.error,
   };
};

   const mapDispatchToProps = (dispatch) => {
    return {
           onAuth: (username, password) => 
  dispatch(actions.authLogin(username,password)),
    };
};

导出默认连接（mapStateToProps， mapDispatchToProps）（LoginView）；

}

>

我的初始状态

const initialState={token:null，error:null，loading:false，}；

登录操作

  export const authLogin = (username, password) => {
    return (dispatch) => {
      dispatch(authStart());
    axios
    .post("http://127.0.0.1:8000/login/", {
      username: username,
      password: password,
    })
    .then((res) => {
      // some more code here
      dispatch(authSuccess(token));
    })
    .catch((err) => {
      dispatch(authFail(err));
    });
};

}；

动作失败

export const authFail = (error) => {
 return {
   type: actionTypes.AUTH_FAIL,
   error: error,

}；}；

Answer 1

我想处理这个问题的方法是使用重定向函数的setTimeout函数

setTimeout(() => {
    // redirecting function call
   }, 3000);

帮我修好了