Question

当前我正在使用React-Final-Form，并且我想返回一个对象或键/值而不是错误字符串。

这是我的验证规则：

validate={values => {
        const errors = {}
        if (!values.username) {
          errors.username = 'Required'
        }
        if (!values.password) {
          errors.password = 'Required'
        }
        if (!values.confirm) {
          errors.confirm = 'Required'
        } else if (values.confirm !== values.password) {
          errors.confirm = 'Must match'
        }
        return errors
      }}

这将显示错误：

  {meta.error && meta.touched && <span>{meta.error}</span>}

我不想说必填项，而是要说：key->'required'，而这个key的值是'please fill the field'。我知道可以更改'Required'字符串，但是我想要一个键值。我无法制造不允许的物体。

所需结果： {meta.error && meta.touched && {meta.error.required}}

用户界面将显示： 请填写字段

可以使用此反应最终形式的游乐场，因为它几乎是相同的：

https://final-form.org/docs/react-final-form/examples/record-level-validation

Answer 1

好吧，您可以这样做：

dstSheet

反应最终形式-验证返回键和值而不是字符串

1 个答案: