反应 SetState 不立即更新状态

Question

单击删除时，我正在调用模式对话框，并使用删除成员的相应用户 ID 更新 '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>

如何传递 'deleteSP'

的 ID

Answer 1

setState是异步的，你可以像这个例子一样做一个console log，因为那个函数会在setState完成的时候触发

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

反应 SetState 不立即更新状态

react SetState not updaing state immediately

dialog

modal-dialog

reactjs