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?

Antworten auf die Frage(16)

Ihre Antwort auf die Frage