Wie kann ich die Ausführung von Code stoppen, bis die Axios-Anfrage abgeschlossen ist?

Question

Ich benutze React JS.

Zuerst muss ich Daten aus der Datenbank mit REST API holen und mit diesen Ergebnissen setze ich einige Variablen, die ich weiter zu einer anderen Klasse übergebe. Nun möchte ich eine synchrone Anfrage über Axios machen, so dass erst nach dem Einstellen der Daten die Kontrolle weitergehen soll. Kurz gesagt, ich möchte aufhören, meinen Code zu rendern, bis meine Variablen auf Daten gesetzt werden. Wie erreicht man dies durch Axios?

Answer 1

In React gibt es keine Möglichkeit, dies zu tun. Dies ist beabsichtigt. Sie sollten darüber nachdenken, wie Sie damit umgehen.

Die offensichtliche Wahl hier ist, eine Ladeanzeige oder eine andere Art der Ausgabe zu zeigen, während Sie auf die Antwort warten.

Nachdem Sie Ihre Antwort erhalten haben, können Sie den Status festlegen, um Ihre Komponente neu zu rendern und die gewünschte Ausgabe anzuzeigen.