Wie kann ein TextField in der Material-UI ungültig gemacht werden?

8

Ich verwende die TextField-Komponente, um die Telefonnummer zu erfassen. Während der Benutzer schreibt, möchte ich den Eintrag ungültig machen, wenn es sich nicht um eine Zahl handelt oder wenn er keinem Format folgt und den errorText anzeigt. Derzeit wird errorText angezeigt, auch ohne das Feld zu berühren. Wie kann ich dieses Verhalten erreichen?

Jede Hilfe wird sehr geschätzt.

    
Mo3z 09.03.2016, 19:59
quelle

3 Antworten

20

Erweitern Sie Larry und setzen Sie errorText auf eine Eigenschaft im state (errorText im folgenden Beispiel). Wenn sich der Wert in TextField ändert, überprüfen Sie den Eintrag und legen Sie den Wert der Eigenschaft (errorText) fest, um den Fehler anzuzeigen und auszublenden.

%Vor%     
Mo3z 15.03.2016, 15:07
quelle
3

Wenn errorText eine leere Zeichenfolge "" ist, wird es nicht angezeigt. Setzen Sie das also auf getInitialState ().

    
Larry Maccherone 09.03.2016 20:28
quelle
3

Diese Bibliothek kümmert sich um alles, was mit der Validierung von Feldern zu tun hat, und unterstützt material-ui

Um Ihre Felder zu validieren, müssen Sie nur Ihre Feldkomponente umbrechen ... und sparen sich so viel Zeit beim manuellen Verwalten des Status.

%Vor%

    
VISHAL DAGA 18.01.2017 10:27
quelle