使用 Redux 在 React 中调度操作的问题

Question

我有一个可重复使用的对话框。我只有一个对话框用于确认注销和删除。 我的问题是注销，一旦我确认注销，触发的操作就是删除。 我放了一个 console.log console.log("SUCCESS LOGOUT") console.log("DELETE USER SUCCESS"); 来查看是否成功触发了哪些操作及其删除操作。我将如何解决这个问题？谢谢。

查看此链接

CLICK HERE

对话框

    const ReusableDialog = ({
      title,
      details,
      open,
      type,
      onAgree,
      onDisagree
    }) => {
      return (
        <div>
          <Dialog
            open={open}
            TransitionComponent={Transition}
            keepMounted
            onClose={onDisagree}
            aria-labelledby="alert-dialog-slide-title"
            aria-describedby="alert-dialog-slide-description"
          >
            <DialogTitle id="alert-dialog-slide-title">
              <span>
                Are you sure you want to {title} {details?.name}
              </span>
            </DialogTitle>
            <DialogActions>
              <Button variant="contained" size="small" onClick={onDisagree}>
                Cancel
              </Button>
              <Button variant="contained" size="small" onClick={onAgree}>
                Confirm
              </Button>
            </DialogActions>
          </Dialog>
        </div>
      );
    };

export default ReusableDialog;

Answer 1

同时打开两个对话框。 当您使用 global single 状态进行对话框时，正在打开两个对话框，一个来自 users.js，另一个来自 navbar.js。

它们是重叠的，因此您看不到它们为其中一个添加大标题然后查看。

为什么你需要一个全局状态来进行对话？ 当地的州应该可以解决您的问题。