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

Confirm 对话框在handleSendItemsToUpdate 函数中返回，该对话框没有在组件中呈现（在 DOM 中使用），因此无法显示。

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

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