Question

以下是我的submitting redux-form ...问题是当我提交表单时，true永远不会更改为false ..您可以看到我在下面有一个日志，始终输出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);。

在我提交表单时，我在做什么错误的表单会导致提交从未设置为true？谢谢

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

更新1

{{1}}

Answer 1

来自redux-form docs：

您的表单目前是否正在提交。只有在您通过了返回承诺的onSubmit函数后，此prop才会起作用。在承诺得到解决或拒绝之前都是如此。

您的handleSubmit只是发送一个动作，因此无法知道提交时间

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

1 个答案: