Redux形成成功的异步验证

Question

Redux表单异步验证非常好，但我想以某种方式表明异步验证已经成功。基本上我想要的是：

1. 字段为空，不显示异步成功
2. 字段正在填充，正常的同步验证正在发生，不显示异步成功
3. 字段失去焦点，异步验证开始，不显示异步成功
4. a）异步验证返回错误，显示
5. b）异步验证成功，显示异步成功

但是我只有asyncValidating道具，我无法在render方法中更改本地状态。我可以发送redux动作并保持每个字段的异步成功状态，但我完全使用redux-form来避免自己管理表单状态。

我已经攻击a little example here，将“true”作为错误值传递，并在异步验证通过时显示“成功”消息。

Answer 1

啊，错过this one。

const usernameHasValidated =
  username.touched && // field has been visited and blurred
  username.valid &&   // field has no error
  !asyncValidating;   // not currently validating

工作得很好。