异步验证 react-final-form setTimeout答案

【问题标题】：Async validation react-final-form setTimeout异步验证 react-final-form setTimeout
【发布时间】：2018-09-05 18:21:32
【问题描述】：

我正在从 redux-form 迁移，但我遇到了表单问题，我在其中进行了异步验证。此验证发生在更改时，但我只想在用户停止输入时进行异步调用。

在 redux-form 中，我使用 setTimeout、clearTimeout 并在异步验证中引发错误，类似于 this

我已经创建了我希望能够工作的示例。完整示例可在 here 获取。

const usernameAvailable = value => {
  if (!value) {
    return "Required";
  }

  setTimeout(() => {
    return "Username taken!";
  }, 500);
};

如果没有值，Required 按预期工作，但Username taken! 永远不会显示为错误。

【问题讨论】：

【解决方案1】：

用validateOnBlur怎么样？

【讨论】：