Я работаю над приложением todo. Это очень упрощенная версия оскорбительного кода. У меня есть флажок:

 <p><input type="checkbox"  name="area" checked={this.state.Pencil}   onChange={this.checkPencil}/> Writing Item </p>

Вот функция, которая вызывает флажок:

checkPencil(){
   this.setState({
      pencil:!this.state.pencil,
  }); 
  this.props.updateItem(this.state);
}

updateItem - это функция, отображаемая для отправки в приставку

function mapDispatchToProps(dispatch){
  return bindActionCreators({ updateItem}, dispatch);
}

Моя проблема в том, что когда я вызываю действие updateItem и console.log состояние, оно всегда на 1 шаг позади. Если этот флажок снят и не соответствует действительности, я все равно получаю состояние true, передаваемое в функцию updateItem. Нужно ли вызывать другую функцию для принудительного обновления состояния?