javascript - 错误 : dispatch is not a function, 连接 injectStripe 和 mapDispatchToProps

Question

我在连接 mapStateToProps 以便正确调用操作时遇到问题:

const mapDispatchToProps = (dispatch) => {
  return {
    createPayment: (token, email) => dispatch(createPaymentForToken(token, email)),
  };
};

const injectedCheckoutForm = injectStripe(CheckoutForm);
export default connect(mapDispatchToProps)(injectedCheckoutForm);

当我调用 this.props.createPayment(token, email) 时，出现以下错误:

index.js:130 Uncaught (in promise) TypeError: dispatch is not a function

编辑:我的操作似乎被调用了，但我的 saga 听不到 CREATE_PAYMENT 操作

Answer 1

connect 的第一个参数是mapStateToProps第二个是mapDispatchToProps .而是尝试 connect(null, mapDispatchToProps)。

const mapDispatchToProps = (dispatch) => {
  return {
    createPayment: (token, email) => dispatch(createPaymentForToken(token, email)),
  };
};

const injectedCheckoutForm = injectStripe(CheckoutForm);
export default connect(null, mapDispatchToProps)(injectedCheckoutForm);