确认对话框未打开 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>

感谢任何帮助。

提前致谢！

开始

Answer 1

确认对话框是在 handleSendItemsToUpdate 函数中 return 编辑的，它不会在组件中呈现（在 DOM 中使用），这就是它无法显示的原因。

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

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

确认对话框未打开 react-admin

Confirm dialog is not opening react-admin

confirm

react-admin