带有提交验证的redux-form向导

时间:2019-01-10 03:34:51

标签: redux-form

在redux格式向导中,我有很多步骤。

这些步骤如何通过submit validation进行验证(我认为这是主要问题所在)

当我在步骤1上验证提交时,submitSecceeded标志设置为true:

class Step1 extends React.Component {

    constructor(props) {
        super(props)
    }

    render() {
        this.props.submitSucceeded //when submit succeeds
    }

}
export default reduxForm({
    form: 'wizard',
    destroyOnUnmount: false,
    forceUnregisterOnUnmount: true,
})(Step2);

但是,当我进入Step2时,submitSecceeded标志也设置为true。

class Step2 extends React.Component {

    constructor(props) {
        super(props)
    }

    render() {
        this.props.submitSucceeded //also true!
    }

}
export default reduxForm({
    form: 'wizard',
    destroyOnUnmount: false,
    forceUnregisterOnUnmount: true,
})(Step2);

我猜测redux表单会将整个向导视为一种表单。因此,如果第一次通过,则所有其他形式都适用。

我的问题是,向导是否允许将每个页面都视为单独的表单?

0 个答案:

没有答案