Redux表單成功異步驗證

Question

Redux表單異步驗證非常好，但我想以某種方式表明異步驗證已成功。基本上我想：

1. 字段爲空，不顯示異步成功
2. 場是越來越充滿，正常的同步驗證正在發生的事情，不顯示異步成功
3. 場失去了焦點，異步驗證啓動時，不顯示異步成功
4. 一）異步驗證返回錯誤，表明它
5. 二）異步驗證成功，顯示異步成功

然而，我擁有的是asyncValidating道具，並且我無法在render方法中更改本地狀態。我可以調度redux動作並保持每個字段的異步成功狀態，但我完全使用了redux-form來避免自己管理表單狀態。

我通過傳遞「true」作爲錯誤值並在異步驗證通過時顯示「成功」消息來入侵a little example here。

Answer 1

啊，錯過了this one。

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

工作得很好。