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

Question

我在 redux-form 向导中有许多步骤。

步骤验证的方式是通过提交验证 （我认为这是主要问题所在）

当我在 Step1 上验证提交时， 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 形式将整个向导视为一种形式。因此，如果第一个通过，那么对于所有其他形式都是如此。

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

标签： redux-form