2017-07-26 60 views
0

Redux表单异步验证非常好,但我想以某种方式表明异步验证已成功。基本上我想:Redux表单成功异步验证

  1. 字段为空,不显示异步成功
  2. 场是越来越充满,正常的同步验证正在发生的事情,不显示异步成功
  3. 场失去了焦点,异步验证启动时,不显示异步成功
  4. 一)异步验证返回错误,表明它
  5. 二)异步验证成功,显示异步成功

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

我通过传递“true”作为错误值并在异步验证通过时显示“成功”消息来入侵a little example here

回答

0

啊,错过了this one

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

工作得很好。