如何在单击确认反应谱 ModalTrigger 时关闭对话框？

Question

我有一个对话框，我正在使用来自反应谱（旧版本）的 ModalTrigger。该对话框有两个按钮，“确定”和“取消”。取消时无需执行任何操作，但应在单击“确定”时触发操作，对话框应关闭并启动操作。我能够启动操作，但对话框未关闭。

代码：

 <ModalTrigger>
            <Button label="Do something" variant="action"></Button>
            <Dialog
                    confirmLabel="Confirm"
                    cancelLabel="Cancel"
                    mode="confirmation"
                    onConfirm={props.confirmAction}
                    keyboardConfirm="true"
                    backdropClickable={true}>
                {title}

            </Dialog>
        </ModalTrigger>

当用户单击 onConfirm 然后启动 props.confirmAction 时，如何关闭对话框按钮？到目前为止，对话框在 props.confirmAction 完成之前不会关闭。

Answer 1

我们可以通过两种方式实现它。

1. 编写一个方法并触发 dialog.dismiss ，然后触发 props。 verifyAction

const onClickConfirm ()=>{
  dialog.dismiss()
  props. confirmAction()
}

2. 使用 onDismiss 而不是 onConfirm