React 最终形式 - 如何取消触摸字段或隐藏 onBlue 上的错误

Question

如何隐藏onBlur的错误？我在提交前有错误验证，但我想在 onBlue 上隐藏错误。这就是我使用表格的方式。我试图改变 meta，但没有结果。谢谢。

 <Form
        initialValues={{ search }}
        onSubmit={onSubmit}
        render={({ handleSubmit }) => (
          <form onSubmit={handleSubmit}>
            <Field name="search" validate={composeValidators(required, minLength)}>
              {({ input, meta }) => (
                <div>
                  <SearchInputDumb {...input} submitSearch={handleSubmit}/>
                  {meta.error && meta.touched && (
                    <SearchFieldFooter>
                      <SearchStyledTipIcon />
                      <span>{meta.error}</span>
                    </SearchFieldFooter>
                  )}
                </div>
              )}
            </Field>
          </form>
        )}
      />

Answer 1

您可以有一个 isInputFocused 状态并以此隐藏错误。在您的 SearchInputDumb 组件中，您可以实施 onFocus/onBlur 方法来更改 isInoputFocused 状态

React 最终形式 - 如何取消触摸字段或隐藏 onBlue 上的错误

React final form - How to untouch field or hide error on onBlue

reactjs

react-final-form