代码之家  ›  专栏  ›  技术社区  ›  Oliver Watkins

带提交验证的redux表单向导

  •  0
  • Oliver Watkins  · 技术社区  · 6 年前

    我在redux表单向导中有很多步骤。

    步骤验证是如何完成的 submit validation (我认为这是主要问题所在)

    当我在步骤1的submit上验证时,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);
    

    但是,当我进入步骤2时,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 回复  |  直到 6 年前