Wie setze ich den Status auf neue Daten ein?

8

Ich habe gerade angefangen, reactjs zu betrachten und zu versuchen, Daten über eine API abzurufen:

%Vor%

Wenn das Versprechen zurückkommt, möchte ich die Daten dem Zustand zuweisen:

%Vor%

Wie kann ich den neuen Zustand mit den von der API empfangenen Daten einstellen? Im Moment ist der Zustand nicht eingestellt?

jsbin ref: Ссылка

    
bier hier 05.10.2016, 06:30
quelle

2 Antworten

5

Die Konvention besteht darin, einen AJAX-Aufruf in der componentDidMount lifecycle -Methode durchzuführen. Sehen Sie sich die React-Dokumentation an: Ссылка

  

Anfangsdaten über AJAX laden
Daten in componentDidMount abrufen. Wenn die Antwort eintrifft, speichern Sie die Daten im Status, wodurch ein Rendervorgang ausgelöst wird   Aktualisieren Sie Ihre Benutzeroberfläche.

Ihr Code würde daher lauten: Ссылка

%Vor%

Hier ist eine weitere Demo ( Ссылка ), die zwei Möglichkeiten zeigt, dies zu erreichen, indem 1) jQuery und 2) Axios-Bibliotheken verwendet werden.

Vollständiger Code:

%Vor%     
Piotr Berebecki 05.10.2016, 06:43
quelle
4

Sie können versuchen, mit dem folgenden Beispielcode und lassen Sie mich wissen, wenn Sie weitere Hilfe in diesem benötigt.

%Vor%

Danke!

    
Vinod Patidar 05.10.2016 06:50
quelle

Tags und Links