Redux表单远程提交和setState问题

时间:2018-11-09 10:39:55

标签: reactjs redux redux-form

我正在使用redux表单documentation从表单组件外部提交表单!

问题是我正在使用Material -ui Stepper,所以我希望在下次单击时提交表单。

handleNext() {
        if (this.state.activeStep == 0) {
            this.props.submitForm();
            console.log('submitting');
        }
//remove next line dispatch works
        this.setState({ activeStep: this.state.activeStep + 1 });
    }

问题是,如果我在handleNext内设置状态,那么如果我删除该行,表单就不会提交。

submitForm使用redux表单提交来提交表单

function mapDispatchToProps(dispatch) {
    // Bind an action, which submit the form by its name
    return bindActionCreators(
        {
            submitForm: () => submit('addproduct')
        },
        dispatch
    );
}

更新

似乎由于更新状态而正在卸载组件,因此表格被销毁并且调度提交未完成!

0 个答案:

没有答案