this.setState wird nicht sofort aktualisiert, wenn setState auf den aktuellen Status

Question

basiert Ich habe eine ähnliche Anweisung wie switch-case.

switch (this.state.someState) { 
    case "string1": 
    this.setState({ 
     someState: "string5" 
    }); 
    break; 
    case "string2": 
    this.setState({ 
     someState: "string6" 
    }); 
    break; 
    case "string3": 
    this.setState({ 
     someState: "string7" 
    }); 
    break; 
    case "string4": 
    this.setState({ 
     someState: "string8" 
    }); 
    break; 
    default: 
    this.setState({ 
     someState: "string1" 
    }); 
    break; 
} 

Das Problem ist, dass es den Status basierend auf dem vorherigen Zustand anstelle des aktuellen Status setzt.

Wie kann ich das beheben?

Answer 1

ich ein paar Testfälle geschrieben hat, stellt sich heraus, das Problem woanders war. Ich benutzte diese switch-case, um verschiedene Daten zu rendern. React Native verfügt über eine Funktion, die unerwünschtes erneutes Rendern verhindert, wenn die Daten den vorherigen Daten ähneln. Offensichtlich beinhaltet dies das Umkehren und Sortieren des ursprünglichen Datenarrays. Also habe ich ein neues Datenfeld mit [].concat() zurückgegeben und es hat funktioniert.

Answer 2

setState asynchron ist, also wenn Sie wirklich tun möchten, können Sie mit einem Rückruf versuchen sollte:

case "string1": 
    this.setState({ someState: "string5" },() => { 
     break; 
    });