确认对话框未打开react admin

Question

当React Admin单击按钮时，我正试图打开一个确认对话框。按钮单击名称为"handleSendItemsToUpdate"。

但是对话框没有打开。

请找到以下代码：

const notify = useNotify();
const [open, setOpen] = React.useState(false);
const handleDialogClose = () => setOpen(false);
const handleSendItemsToUpdate = (props) => {
const handleConfirm = () => {
notify('Stuff is done.');
setOpen(false);
};
setOpen(true);

return (
<Fragment>
<SaveButton {...props} />
<Confirm
isOpen={open}
title="Update View Count"
content="Are you sure you want to reset the views for these items?"
onConfirm={handleConfirm}
onClose={handleDialogClose}
/>
</Fragment>
);
}
...
<Button className={classes.button} onClick={() => handleSendItemsToUpdate(props)}>Send Items To 
Update</Button>

感谢您的帮助。

提前感谢！

Begum

Answer 1

确认对话框在handleSendItemsToUpdate函数中返回，该函数未在组件(在DOM中使用(中呈现，因此无法显示。

您可以将函数中的return放在组件的return中，当然，只有当打开状态为true时才会显示。

你可以在这里查看我的演示：https://codesandbox.io/s/peaceful-dewdney-6pil2?file=/src/App.js