Reactjs 如果表单在最终表单中提交时出错，则显示警报

我使用的是

react final form

，如果用户试图提交有错误的表单，我希望显示一个警报。但我不知道怎么做。我在Submit上为表单创建了一个函数，如下所示：

onSubmit={event => {
  event.preventDefault();
  //How to check if the form has any validation  errors?
  if () {
    alert("Errors");
  } else {
    handleSubmit();
  }
}}

---

如果存在任何验证错误，我如何签入它？这是我的。

您可以在onSubmit方法中通过检查表单值的每个验证来完成

相反，使用文档中提到的验证道具：

validate?: (value: ?any, allValues: Object, meta: ?FieldState) => ?any

这将允许您在提交调用之前定义单个字段的规则并验证值

---

我希望这会对你有所帮助。

有很多可能的方法。这里有一个：

<form
  onSubmit={event => {
    if (invalid) {
      alert(JSON.stringify(errors, undefined, 2));
    }
    handleSubmit(event);
  }}
>
  ...fields
</form>

{
如果（无效）{
警报（JSON.stringify（错误，未定义，2））；
}
handleSubmit（事件）；
}}
>
…田地

---

我已经用validate prop设置了验证。但是我的表格很长。因此，如果有任何错误，我需要在提交时显示一个警报，以便用户知道，他需要返回并检查字段。