为什么 Redux Form 没有设置提交的值？

Question

下面是我的RequestAnInviteredux-form。问题是当我提交表单时，submitting 永远不会更改为true。可以看到我下面有一个日志，一直在输出false。

当我提交表单时，我在 redux-form 上做错了什么导致提交永远不会设置为 true？

class RequestAnInvite extends React.Component {

  componentDidMount() {
    this.props.dispatch(loadTitles());
  }

  handleSubmit(data) {
    console.log(data);this.props.dispatch(requestInvitationsActions.createInvitationRequest(data));
  }

render() {
  const { handleSubmit, submitting } = this.props;

  console.log('submitting: ' + submitting);

    return (
      <div className="container-fluid h-100">  
        <form onSubmit={handleSubmit(this.handleSubmit.bind(this))}>
          <Field
            name="email"
            type="text"
            component={renderField}
            label="Email"
            placeholder="xxx@acme.com"
          />

        <p>submitting: {submitting}</p>

          <div className="form-group form-group-actions">
            <button type="submit" className="btn btn-primary" disabled={submitting}>
              {submitting ? 'Requesting...' : 'Request an Invite'}
            </button>
          </div>

        </form>
      </div>
    );
  }

}


RequestAnInvite = reduxForm({
  form: 'RequestAnInvite',
  validate,
})(RequestAnInvite);

const mapStateToProps = state => {
  return {
    titles: state.titles
  };
};

const mapDispatchToProps = (dispatch) => bindActionCreators({
  ...requestInvitationsActions,
}, dispatch)

export default connect(mapStateToProps, mapDispatchToProps)(RequestAnInvite);

更新 1

  handleSubmit(data) {
    this.props.createInvitationRequest(data)
      .then((response) => {
        console.log(response)
      }, (error) => {
    });
  }

Answer 1

来自 redux-form 文档：

您的表单当前是否正在提交。只有当你传递了一个返回 promise 的 onSubmit 函数时，这个 prop 才会起作用。在 Promise 被解决或被拒绝之前，这将是真的。

您的handleSubmit 只是发送一个动作，所以它无法知道它何时提交