时间戳

首页 > 解决方案 > 以 react-final-form 提交后，如何在输入更改时重置提交错误？

reactjs - 以 react-final-form 提交后，如何在输入更改时重置提交错误？

问题描述

当我提交我的react-final-form并从我的后端得到一个特定的错误时，我为特定的输入字段设置了一个错误，如下所示：

onSubmit={async (values) => {
  try {
    await sendToBackend(values)
  } catch (error) {
    if (error.toString().includes("myerror") {
      return { field1: "Error message" }
    }

  }
}}

我的提交按钮如下所示：

<button disabled={!valid || pristine || submitting}>Submit Form</button>

但是当我更改无效字段时，该字段仍然无效，并且我的提交按钮始终处于禁用状态。因此，如果更改了无效的输入字段，我需要一种方法来删除 submitError。我怎样才能做到这一点？我知道如果您设置 aFORM_ERROR它会在输入更改时自动清除，但是对于字段级别的提交错误，我该如何做到这一点？有任何想法吗？

标签： reactjsreact-final-form

解决方案

推荐阅读