реагировать SetState не обновляет состояние немедленно

Question

При удалении нажмите, я вызываю модальное диалоговое окно и обновляю состояние 'userid' с соответствующим идентификатором пользователя удаляемого члена.Функция setState не обновляет значение.Как я могу добиться этого любым другим способом.

удалить обработчик клика

handleClickDialogOpen = (userid) => {   
    this.setState((state) => {
      return {
        open: true,
        UserID: userid,

      };
    });
    console.log(this.state)
  };

и в модальном dailog, при кнопке удаления я не могу получить значение userId

 <Button onClick={() => deleteSP(this.state.userID)} className={classes.agree}>
       Delete
</Button>

Как я могу передать Id для 'deleteSP'

Answer 1

setState является асинхронным, вы можете сделать консольный журнал, как в этом примере, потому что эта функция сработает после завершения setState

handleClickDialogOpen = userid => {
    this.setState({
        open: true,
        UserID: userid,
      },
      () => console.log(this.state),
    );
  };