Блог

Я пытаюсь открыть диалоговое окно подтверждения при нажатии кнопки с помощью 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>
 

Любая помощь будет признательна.

Заранее спасибо!

Бегум

Диалоговое окно подтверждения возвращается в handleSendItemsToUpdate функции, которая не отображается в компоненте (используется в DOM), поэтому ее нельзя отобразить.

Вы можете поместить возвращаемое значение в функцию в значение возврата компонента, и, конечно, оно отображается только в том случае, если открытое состояние истинно.

Вы можете проверить мою демо-версию здесь: https://codesandbox.io/s/peaceful-dewdney-6pil2?file=/src/App.js