Reduxフォームの非同期検証の成功

Question

Reduxフォームの非同期検証は非常にいいですが、私はどういうわけか非同期検証が成功したことを示したいと思います。基本的に私が欲しいもの：

1. フィールドが空で、非同期成功
2. フィールドは、非同期の成功を示していない
3. フィールドは、その焦点、非同期を失い、通常の同期の検証が起こっている、満たさ取得され表示されません。検証は）、
4. 非同期成功を示していないa）は非同期検証がエラーを返し、それ
5. Bを示し始まり非同期検証が成功するには、show非同期成功

しかし、私が持っているのはasyncValidating小道具で、renderの方法で地元の州を変更することはできません。私はreducexアクションをディスパッチして、すべてのフィールドを非同期の成功状態に保つことができますが、フォームの状態を自分で管理するのを避けるためにredux-formを使っています。

私はa little example hereをハックしました。「true」をエラー値として渡し、非同期検証が成功したときに「success」メッセージを表示します。

Answer 1

Ah、missed this one。

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

うまく動作します。