In diesem Tutorial verwende ich die klassenbasierte Komponente React und gehe davon aus, dass Sie die Grundlagen von React kennen

Ich erstelle ein Formular, um es Ihnen zu demonstrieren und jetzt sieht der Code so aus

Beginnen Sie nun mit dem logischen Teil davon

1) Erstellen Sie für diese Eingabefelder eine Zustandseigenschaft und verknüpfen Sie sie wieder mit den Eingabeelementen

Erstellen Sie das Staatseigentum wie folgt

Konstruktor (Requisiten) {

super (Requisiten)

dieser .zustand = {

// Schreib dir den Staatshasen

};};

Destrukturieren Sie sie nun und weisen Sie der Render-Methode ihren Wert wie folgt zu

2) Fügen Sie den On-Change-Handler hinzu, um die Änderung des Eingabewerts zu verfolgen

Wenn sich der Eingabewert ändert, wird die changeHandler-Funktion aufgerufen

Setzen Sie den Zustandswert

Implementieren Sie die Funktion wie folgt

3) Senden Sie nun diese Formulardaten mit einem Submit-Handler

Dafür erstelle ich im Formular einen Absenden-Button

Behandeln Sie die Formular-Sendedaten von einem SubmitHnadler wie folgt

Implementieren Sie nun den "submitHnadler" und in den "submitHandler" müssen Sie diese Zeile " e.preventDefault() " schreiben, um die Seitenaktualisierung zu vermeiden

Fertig jetzt können Sie alles mit den Daten machen, z. B. die Daten an eine Datenbank senden oder im lokalen Speicher speichern oder so

4) Senden Sie Daten an eine Datenbank an axios

Importieren Sie zuerst Axios mit diesem " Importieren Sie Axios aus 'axios' "

Jetzt machen wir im SubmitHandler die Post-Anfrage wie folgt

Danke, dass du das gelesen hast, ich hoffe, das wird dir bei deiner React-Reise helfen 🎉