In v6 der Redux-Form können wir die Fehler für normale Eingabefelder wie folgt anzeigen
Wir können ein benutzerdefiniertes renderField wie dieses erstellen
%Vor%Und im Formular können wir nur das benutzerdefinierte renderField
verwenden %Vor%Jetzt muss ich wissen, wie wir das selbe für select-Feld tun können, und wie sollten wir Drop-Down-Optionen an diese benutzerdefinierte renderFields übergeben, Irgendeine Idee, benutzerdefinierte renderField für select zu erstellen?
Wenn Ihnen die Code-Duplizierung nichts ausmacht, könnten Sie es so machen:
%Vor%Verbrauchen Sie es in der Form:
%Vor% Sie können sehen, dass die Übergabe der Optionen an eine Auswahl über props.children erfolgt, genau so, als würden Sie die Field -Komponente mit component="select" verwenden.
Wenn Sie die Duplizierung nicht möchten, könnten Sie stattdessen versuchen, das ursprüngliche renderField etwas schlauer zu machen. Beispielsweise könnten Sie sehen, ob children options-tags enthält, und wenn ja, rendern Sie <select> anstelle von input .
Tags und Links reactjs redux redux-form