React setState wird nicht sofort aktualisiert
Ich arbeite an einer ToDo-Anwendung. Dies ist eine sehr vereinfachte Version des fehlerhaften Codes. Ich habe ein Kontrollkästchen:
<p><input type="checkbox" name="area" checked={this.state.Pencil} onChange={this.checkPencil}/> Writing Item </p>
Hier ist die Funktion, die das Kontrollkästchen aufruft:
checkPencil(){
this.setState({
pencil:!this.state.pencil,
});
this.props.updateItem(this.state);
}
updateItem ist eine Funktion, die für den Versand an redux @ zugeordnet is
function mapDispatchToProps(dispatch){
return bindActionCreators({ updateItem}, dispatch);
}
Mein Problem ist, dass wenn ich die updateItem-Aktion und console.log den Status aufrufe, es immer 1 Schritt dahinter ist. Wenn das Kontrollkästchen deaktiviert und nicht wahr ist, wird der Status wahr weiterhin an die updateItem-Funktion übergeben. Muss ich eine andere Funktion aufrufen, um die Aktualisierung des Status zu erzwingen?