Ich habe ein Problem damit, dass meine Formularfeldvalidierung mit redux-form funktioniert. Im Moment versuche ich nur, die Synchronisierung zu aktivieren, damit ich nach grundlegenden Fehlern suchen kann. Das Problem besteht darin, dass das Formular nur die Überprüfung überprüft, wenn die Komponente geladen wird, und nicht erst danach. Hier ist der Code, den ich habe:
Ich spüre, dass ich etwas sehr Grundlegendes verpasse, aber ich bin ratlos. Ich habe das Gefühl, dass eine Aktion ausgelöst werden sollte, um die "berührte" Eigenschaft onBlur umzuschalten (und dadurch das Formular erneut zu übergeben), aber es scheint nicht so zu sein und ich konnte nichts dergleichen finden, wenn ich die reduc-form docs durchliest . Irgendwelche Ideen?
Sie übergeben den onChange -Handler nicht an Ihre Input -Komponente, daher weiß redux-form nicht, dass sich Werte geändert haben.
Das Problem ist hier:
%Vor% Um das zu beheben, übergeben Sie input als Eigenschaft an Ihre Input -Komponente und lassen Sie sie wie folgt definieren:
Vergessen Sie nicht, die Funktionssignatur in renderInput({ label, type, input, meta: { touched, error }}) { ... } zu ändern - value wird hier entfernt.
Alternativ könnten Sie onChange explizit übergeben:
Und dann onChange in deinem <Input ... />
Tags und Links forms reactjs redux redux-form