javascript - 尝试返回从 mapDispatchToProps dispatch 的 Action 创建者的 promise

Question

我有一个像这样的 Action 创造者。

export const register = user => {
  return dispatch => {
    dispatch(requestRegistation());
    return new Promise((resolve, reject) => {
      Axios.post(make_url('/users'), { user: user }).then(response => {
        if (response.data.errors) {
          reject(response.data.errors);
        }
        if (response.data.user) {
          resolve(response.data.user);
        }
      });
    });
  };
};

我有一个这样的表格。

handleSubmit: (values, props) => {
  props.props.register(values).then(
    response => {
      console.debug('response', response);
    },
    errors => {
      console.debug('errors', error);
    },
  );
}
const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    register: user => {
      dispatch(register(user));
    },
  };
};

在我看来，我似乎没有返回 promise 。

signup.js:186 Uncaught (in promise) TypeError: Cannot read property 'then' of undefined

signup.js:186 是相对于 props.props.register(values).then(

我摔倒了，但我不确定我在这里错过了什么？

Answer 1

您没有从 mapDispatchToProps 中的 register 函数返回 promise 。您可以删除函数体以使返回隐式，或添加 return 语句。

const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    register: user => dispatch(register(user)),
  };
};