Wie in React eine Methode ausführen nachdem setState() abgeschlossen ist?

Hallo,

in einer Methode nutze ich eine for() Schleife. Beim letzten Durchlauf ändere ich mit this.setState(obj: {key: 'value'}) einen Wert. this.state.obj ist zu Beginn leer.

Danach soll eine Methode aufgerufen werden, die den aktuellen Wert von this.state.obj benötigt. Hierbei kommt es aber zum Problem, weil this.state.obj immer noch leer ist.

Wie kann ich die Methode erst ausführen, wenn sicher ist, dass der Wert von this.state.obj aktualisiert wurde oder die Methode zuvor fertig abgeschlossen ist?

Gruß ebody

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Functional

18.08.2022, 16:14

setState() akzeptiert als zweiten Parameter ein Callback, das dann ausgeführt wird, wenn die State-Variable geändert wurde:

this.setState({key: "value"}, () => {
  console.log(this.state.key); // aktualisiert, also "value"
});
console.log(this.state.key); // noch nicht aktualisiert, also was auch immer es vor setState() war

Woher ich das weiß:Berufserfahrung – Inhaber einer App-Agentur & 15+ Jahre Programmiererfahrung

PeterLustig1999

18.08.2022, 16:09

Probiere es mit

onComponentDidUpdate()

Alternativ kannst du

setState()

als zweiten Parameter ein Callback mit übergeben.

Woher ich das weiß:Berufserfahrung – Hauptberuflich IT-Consultant, Informatikstudium

ebody

Beitragsersteller

18.08.2022, 16:15

Super, vielen Dank! setState und Callback war die Lösung. https://reactjs.org/docs/react-component.html#setstate

Ähnliche Beiträge

Java Url überprüfen?

Hi,

ich möchte eine chrome extension bauen. Sie soll eine Aktion ausführen wenn eine bestimmte URL aufgerufen wird. Kennt irgendjemand eine Java Bedingung für eine If Schleife in der die URL die Bedingung ist?

...zum Beitrag

Unity Start Methode nur beim ersten App Start ausführen?

Hallo,

Ich möchte das bei meinem Unity Spiel eine Methode ausgerufen wird , die nur beim allerersten Spielstart aufgerufen wird

Ich würde mich über eine Antwort freuen

Jannik

...zum Beitrag

enums Java mit for-each durchlaufen?

public enum Wochentage {
    MONTAG(100), DIENSTAG(200), MITTWOCH(300);

    private final int value;

    Wochentage(int i) {
        this.value = i;
    }

    public int getValue() {
        return value;
    }
}

Ich will nun per for-each die Werte des enums ausgeben in der main:

for (Wochentage w = Wochentage.values()) {
    System.out.print(w + " ");
}

Hier wird mir bei Wochentage.values() ein Fehler angezeigt. Das ein Semikolon fehlen würde. Verstehe ich ehrlich gesagt nicht.

...zum Beitrag

Problem mit Slicing Index 0 in Python?

Hallo zusammen,

ich versuche aus einer gegebenen Liste mehrere Gruppen mit drei Werten auszulesen und dies mit einer schleife zu wiederholen, während der Slice um eine Position verschoben wird.

Zur Veranschaulichung, hier die Liste:

liste = [...., 10, 1, 4, 17, 9, 6, 15, 13, 20]

Ich möchte nun die letzten drei Gruppen mit je drei Werten auslesen.

hier das Ergebnis welches ich erwarte:

[9, 6, 15]

[6, 15, 13]

[15, 13, 20]

Aber mit meinem Code:

liste = [ 10, 1, 4, 17, 9, 6, 15, 13, 20]

# Schleife, um die letzten 3 Gruppen (Tripplet) mit je drei Werten auszugeben

for i in range(3):

Tripplet = liste[-5 + i:-2+i]

print(Tripplet)

erscheint nur diese Ausgabe:

[9, 6, 15]

[6, 15, 13]

[]

Wie ihr seht will ich mit negativen Indices arbeiten, da mir so die Länge der gegegenen Liste gleich ist. Das Problem ist nun, das der zweite Slicingindex in meiner Schleife im dritten Durchlauf NULL wird. Aber NULL ist anscheinend in Python als EndIndex nicht vorgesehen bzw. nicht als Negativer Index. So also nicht: [-3:0]

Ich müßte den Endindex weglassen um bis zum Ende der Liste zu slicen. also so: [-3:] Doch wie implementire ich das in einer Schleife?

Ich bin sehr gespannt auf eure Antworten.

Lg. Dennis

...zum Beitrag

UserForm Textboxen mit Werten aus Excel Datei füllen?

Ich habe eine Excel Datei, die mittels Makro mit Werten befüllt wird.

Dasselbe Makro soll nun eine bestimmte Spalte der Datei durchlaufen und dann mittels Schleife alle TextBoxen der UserForm mit diesen Werten füllen.

Mein Versuch dazu:

  Dim i As Byte
  Dim currentName As String

For i = 1 To 10

    currentName = sheet.Cells(i, "H").Value
    

    UserForm1.Controls("TextBox" & CStr(i)).Value = currentName

Next

Funktioniert leider nicht. Muss ich bei der Initialisierung der UserForm oder der TextBoxen noch was beachten?

Fehlermeldung: Laufzeitfehler 91: Objektvariable oder With-Blockvariable nicht festgelegt.

Folgende Zeile wird markiert:

UserForm1.Controls("TextBox" & CStr(i)).Value = currentName

...zum Beitrag

SwiftUI Verständnisfrage?

Hallo,

Es geht um folgende Codezeilen:

struct Stars: View {
    
    @Binding var rating: Int
    
    var body: some View {
            HStack {
                
                ForEach(1 ..< 6) { value in
                    Button(action: {
                        self.rating = value
                    
                    }){
                  Image(systemName: value <=   self.rating ? "star.fill" : "star")
                }
            }
        }
    }
}

Grundsätzlich weiß ich was da passiert. Aber ich würde gerne wissen, wo definiert ist, wieviel Sterne ich an der Stelle angeklickt habe, bzw wie der ein Wert in die Variable "value" kommt. Es ist offenbar nicht die aktuelle Schleifen Iteration.

Kann mir bitte jemand Erleuchtung schenken?

...zum Beitrag

scanf wird ignoriert?

#include <stdio.h>

int main()
{
  int a;
  int error;
  printf("Geben sie eine Zahl ein: \n");

  do {
    error = scanf("%d", &a);
    printf("error: %d\tZahl:%d\n", error, a);
  }
  while (error == 0);

  return 0;
}

Die Schleife soll solange durchlaufen werden, bis eine Zahl eingegeben wurde.

Stattdessen wird scanf einfach nach dem ersten Durchlauf nicht mehr aufgerufen und man landet in einer Endlosschleife. Warum?

...zum Beitrag

Java Schleife?

Schreibe eine Methode, die ...

ein Array von 10 ganzen Zahlen erzeugt und dieses mit den Werten 0², 1², 2², ... belegt und ...danach die Zahlen von 9² bis 0² ausgibt

Hätte man nach dem "einfachen code" also quasi bei aufgabe 2 auch folgendes hinschreiben können:

For (i=9; i>zahlen.lenght; i--)

...zum Beitrag

Java: Methode Terminal.askInt funktioniert nicht?

Hallo, ich wollte mal fragen, warum die Methode Terminal.askInt im Programm nicht ausgeführt wird und wie ich das vielleicht ändern kann.

Aufgabenstellung:

Vervollständigen Sie die Methode "countdown" mit einer while-Schleife.

Die Methode soll vom übergebenen Wert "c" runterzählen und dabei Zeilenweise den aktuellen Wert ausgeben.

Wenn die 0 erreicht wird, wird "Start!" ausgegeben.

Vervollständigen Sie die Methode "main" mit einer for-Schleife.

Der Nutzer soll immer wieder nach einem Wert gefragt werden, bis eine Zahl kleiner oder gleich 0 eingegeben wird.

Nach jeder Eingabe wird ein Countdown mit dem eingegebenen Wert gestartet.

*Im Programm muss an stelle bei Zeile 18: System.out.askInt ''Terminal.ask.Int'' hin, aber beides funktioniert nicht...

...zum Beitrag

Java: Objekt Attribute als JLabel im Fenster anzeigen?

Ich möchte die Attribute (int und Strings) meiner Objekte auf meine JFrame anzeigen lassen. Diese Werte bleiben aber nicht ständig gleich, also die können verändert werden.

Ich habe eine Klasse GUI mit dem JFrame. Die Klasse Characters mit den Attributen und etc (mit get-Methoden) und eine Klasse Fight. In der Fight Klasse ist eine while Schleife die beendet wird, falls ein Character tot ist.

Aktuell lasse ich mir alle Attribute mit einer showStats Methode in der Characters Klasse anzeigen, die mit System.out.println alle Werte in der Konsole anzeigen.

Showstats wird auch immer in der while Schleife aufgerufen, sodass man alle Werte nach jedem Zug sieht. Das würde ich gern in ein Fenster einfügen ich weiß nur nicht wie :(

...zum Beitrag

Index for Schleife?

Hallo eine Frage

was bedeutet der Index in der for Schleife ich verstehe es nicht

folgende soll die Werte addieren aber ich verstehe nicht was zb dieser double sum = 0 für ne Bedeutung hat oder in der for Schleife der Index/i

beisp. haben wir ein values program :

double[] values = {20.5, 21.3, 21.5}; 
double sum = 0; 
for(int i = 0; i < values.length; i++) { 
sum += values[i]; 
system.out.println(sum); 
}

...zum Beitrag

XHR nutzt GET anstatt POST?

Mit folgendem code versuche ich zweck logins auf meinen Server zuzugreifen

var r = new XMLHttpRequest();

r.open("POST", "/user/login", true);
r.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

r.onreadystatechange = function () {

    if (r.readyState != 4 || r.status != 200) return;

    console.log(r.responseText);
            
    if (r.responseText == '?incorrect') {

        console.log('wrong password');

    }
    else if (r.responseText == 'correct') window.location.replace('/user/');

};

r.send('pwd=' + document.querySelector('#pwd-input').value);

Wenn ich den Code ausführe, steht in der Console der Seitenquelltext als Ergebnis. Der Server (Express) registriert eine GET request und auch im Netzwerktab von Chrome wird die request Methode mit GET angegeben. Hat jemand eine Idee warum und was ich versuchen könnte, außer Alternativen zur XHR zu nutzen?

...zum Beitrag

Code funktioniert leider nicht?

Hallo!

Mein Code bekommt immer wieder eine Fehlermeldung, oder er funktioniert einfach nicht.

function showPasswordModal(route, userName) {
console.log('showPasswordModal() wurde aufgerufen mit Route:', route);
$('#passwordModal').modal('show');
$('#passwordForm').attr('action', route); // Setze die Aktion des Passwort-Formulars auf die gewählte Route
$('#passwordForm').data('userName', userName);
}
function validatePassword() {
console.log('validatePassword() wurde aufgerufen');
var enteredPassword = document.getElementById('passwordInput').value;
var userName = $('#passwordForm').data('userName');
var form = document.createElement('form');
form.method = 'POST';
form.action = "{{ route('admin.validatePassword', ['userName' => ':userName']) }}".replace(':userName', userName);
var csrfInput = document.createElement('input');
csrfInput.type = 'hidden';
csrfInput.name = '_token';
csrfInput.value = '{{ csrf_token() }}';
form.appendChild(csrfInput);
var passwordInput = document.createElement('input');
passwordInput.type = 'hidden';
passwordInput.name = 'password';
passwordInput.value = enteredPassword;
form.appendChild(passwordInput);
document.body.appendChild(form);
form.submit();

wenn auf den pay-button gedrückt wird, erscheint ein passwortfeld indem ein benutzerdefiniertes Passwort eingegeben werden soll. Diese Passwörter sind in einer Tabelle gespeichert. überprüft wird in diesen zwei methoden doch debuggen funktioniert irgendwie nicht und die variablen sind normalerweise richtig befüllt.? Weiß vllt irgendwer eine Lösung????? Danke im Vorraus.

...zum Beitrag

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen