Formular Senden mit reactjs

8

Ich bin neu in reactjs. Ich erstelle ein Beispielprojekt mit reactjs. Zuerst bekomme ich Fehler wie Status ist null. Nach dem Einstellen des Anfangszustands erhalte ich einen Fehler

%Vor%

Ich weiß, dass es viele Fragen dazu gibt, aber mein Problem ist nicht gelöst, bitte helfen Sie.

Hier ist Code:

%Vor%     
Karan 14.10.2016, 11:43
quelle

5 Antworten

1

Lesen Sie mehr über die Grundlagen von React und den Umgang mit dem Status in Formularen in der React-Dokumentation. Nein Mixins oder etwas Kompliziertes erforderlich. Auch wie oben angegeben "ReactLink is deprecated as of React v15. The recommendation is to explicitly set the value and change handler, instead of using ReactLink."

Jede Ihrer Texteingaben sollte einen Änderungshandler haben, genau wie die Fehlermeldung sagt ... Es gibt viele Möglichkeiten, dies zu erreichen, aber unten ist ein einfaches Beispiel. Schauen Sie sich den Ausschnitt unten in einer Geige hier Ссылка

an %Vor%     
Maxwelll 19.10.2016 04:02
quelle
1

Lösung

Sie können valueLink nicht mehr verwenden, stattdessen verwenden Sie das onChange react-Ereignis, um auf Eingabeänderungen zu warten, und value , um den geänderten Wert festzulegen.

%Vor%

Erläuterung

Beachten Sie, dass, da der Wert aus einem Zustand gesetzt wird, er nur vom Ändern des angehängten Zustands aktualisiert wird, das Schreiben in die Eingabe nichts tut, es sei denn, Sie warten auf die geänderte Eingabe (über onChange-Ereignis) und aktualisieren den Zustand entsprechend.

Quelle: aus der React-Dokumentation

    
Bamieh 17.10.2016 06:35
quelle
0

Sie sollten Ihren Status zunächst auf mindestens leer setzen, wenn Sie zu einem späteren Zeitpunkt darauf zugreifen möchten. Etwas ähnliches wie unten wird

tun %Vor%     
Panther 14.10.2016 12:15
quelle
0

ReactLink Ohne valueLink

Sie können mit

ändern %Vor%

Referenz:

Ссылка

    
dhruv jadia 17.10.2016 07:26
quelle
0

Diese Warnung tritt auf, weil React Link wurde in React 0.15 abgelehnt :

  

ReactLink ist ab React v15 veraltet. Die Empfehlung ist zu   Setzen Sie den Wert und den Change-Handler explizit, anstatt zu verwenden   ReactLink.

Also statt this.linkState('email') und valueLink verwenden:

%Vor%

Verwenden Sie this.state.email und eine onChange Funktion:

%Vor%

Wenn der Benutzer eine E-Mail in die Eingabe eingibt, wird die Funktion callThisWhenChangeEmail aufgerufen, die die E-Mail als Parameter erhält ( emailFromInput ). Sie müssen diese E-Mail nur in dem Status festlegen.

    
Dherik 19.10.2016 01:41
quelle

Tags und Links