微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在Redux Forms中异步验证多个字段并保留错误状态?

如何解决如何在Redux Forms中异步验证多个字段并保留错误状态?

当我尝试验证一个字段时,另一个字段的错误状态消失了。我该如何结合呢? 这是我的代码

  export const asyncValidate = (values,dispatch,props,field) => {
      let url = values[field];
      let errors = new Object();
      return promise(url)
        .then((val) => { 
          if (val === false) {
            errors[field] = `${field} FAIL`
            throw errors
          } 
        })     
    
  }

我的表单组件

  const theForm = props => {
    const { handleSubmit,submitting,onSubmit} = props;
    return (
      <form onSubmit={handleSubmit(onSubmit)}>
        <fieldset disabled={submitting}>
          <Field component={renderimgurlInput} name="lastName" />
          <Field component={renderimgurlInput} name="firstName"  />
       
....................
        </fieldset>
      </form>
    )
  }
  export default reduxForm({
  
    form: 'theForm',asyncValidate,asyncBlurFields: [ 'username','firstName','lastName' ]
  })(ReduxForm);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。