Anzeige Validierungsfehler onSubmit mit Redux-Formular, und löschen Sie Fehler bis zum nächsten OnSubmit bei

Question

Ich verwende redux-form v6.0.1.

Gerade jetzt, meine Use-Case beinhaltet eine Form zu schaffen, wo:

1. Fehler nur onSubmit angezeigt werden, wenn submitFailed prop true ist.
2. Wenn der Benutzer zurück geht, um die Fehler zu beheben, gehen die Fehler weg, und nicht wieder anzuzeigen, bis das nächste MalonSubmitaufgerufen wird.

Meine aktuelle Lösung beinhaltet touchOnBlur: false Einstellung, und mit Anzeige meiner Fehlermeldung, wenn touched && error. redux-form berührt jedes Feld, wenn onSubmit ausgelöst wird, also füge ich Logik zu jedem Feld hinzu, um touched = false festzulegen, wenn der Benutzer erneut besucht, um den Fehler bis zur nächsten Formularübergabe auszublenden. Dies scheint jedoch sehr kontraintuitiv zu sein (Einstellung touched auf false, wenn der Benutzer Dinge berührt). Gibt es einen natürlicheren Weg, dies zu erreichen?

Answer 1

Das Standardverhalten ist das Löschen des formularweiten Übermittlungsfehlers, wenn ein Feld geändert wird. Dies kann jedoch durch das in v6.0.4 eingeführte Konfigurationsflag persistentSubmitErrors außer Kraft gesetzt werden.