基于其他形式的字段的Redux形式验证

Question

我有2种形式，其中对第二种形式的字段的验证基于第一种形式的字段的值。 自上而下填写表格时，此操作可以预期。 但是，当我以第一种形式更改值时，验证中不会更新values对象。

我的validate-function看起来像这样：

const validate = values => {
  const errors = {}
  if (!values.username) {
    errors.username = 'Required'
  } else if (values.username.length < values.previous_field.length) {
    errors.username = 'Your name can't be shorter than the previous field';
  }

  return errors;
}

填写有效的用户名后，将前一个字段更改为短值时，用户名字段永远不会无效。

Answer 1

我决定重命名表单，以便两者都具有相同的名称。 这样，值的确会更新，并且您可以按照我想要的方式使用验证。

这两种形式现在都命名为userdata ，第一种具有所有验证逻辑：

@reduxForm({
  form: 'userdata',
  validate,
  asyncValidate,
  asyncBlurFields: ['car_licenceplate', 'user_zipcode']
})