使用 redux-thunk 调用异步操作创建器助手

Question

我正在尝试为两个异步操作创建者调用辅助方法，但我不确定为什么我不能这样做。 分配给signUpOrSignIn应该由signUp和signIn调用。 这些都在同一个文件中。 我认为这个问题涉及我的 function 声明或处理async dispatch 。 非常感谢您的反馈。 谢谢！

import axios from "axios";
import * as types from "./types";

const signUpOrSignIn = (path, email, password, history) => async dispatch => {
  try {
    const res = await axios.post(path, { email, password });
    history.push("/dashboard");
    dispatch({ type: types.DID_SIGN_IN, payload: res });
  } catch (err) {
    dispatch({ type: types.DID_SIGN_IN, payload: err.response });
  }
};

export const signUp = (email, password, history) => async dispatch => {
  signUpOrSignIn("/users", email, password, history);
};

export const signIn = (email, password, history) => async dispatch => {
  signUpOrSignIn("/users/login", email, password, history);
};

Answer 1

由于signUp或signIn打算只返回signUpOrSignIn 。

您可以删除async dispatch 。

像这样：

export const signUp = (email, password, history) => signUpOrSignIn("/users", email, password, history);

export const signIn = (email, password, history) => signUpOrSignIn("/users/login", email, password, history);