我想在删除数据之前弹出确认消息 react 和 django？答案

【问题标题】：I would like to pop up confirmation message before deleting the data react and django?我想在删除数据之前弹出确认消息 react 和 django？
【发布时间】：2022-07-21 14:06:08
【问题描述】：

我可以在没有确认消息的情况下删除数据，请帮我在 Axios 部分之间设置确认。与此一起添加的代码。

const navigate = useNavigate();
    const Delete = async () => {

        await axios({
            method: 'DELETE',
            url: `http://localhost:8000/update/${id}`,
            headers: {
                'Content-Type': 'multipart/form-data'
            }
            

        }).then(response => {
            navigate('/')
        })
    }

【问题讨论】：

您指的是什么确认信息？究竟是什么问题？你想做什么？您可以添加更完整的代码示例吗？ stackoverflow.com/help/minimal-reproducible-example

标签： reactjs

【解决方案1】：

如果您想在删除前确认，请按此操作


import { confirmAlert } from 'react-confirm-alert'; // Import
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css

function App() {

    const Delete = async () => {

        await axios({
            method: 'DELETE',
            url: `http://localhost:8000/update/${id}`,
            headers: {
                'Content-Type': 'multipart/form-data'
            }
            

        }).then(response => {
            navigate('/')
        })
    }

  const submit = () => {

    confirmAlert({
      title: 'Confirm to submit',
      message: 'Are you sure to do this.',
      buttons: [
        {
          label: 'Yes',
          onClick: () => Delete()
        },
        {
          label: 'No',
          //onClick: () => alert('Click No')
        }
      ]
    });
  }

  return (
      <div className='container'>
        <button onClick={submit}>Confirm dialog</button>
      </div>
  );

}

export default App;

【讨论】：

【解决方案2】：

let answer = window.confirm("Delete?");

answer 将是 true 或 false。所以：

if (window.confirm("Delete?"))
{ 
   // Here you can put your logic or function that needs to be executed as per the use case.
}

window.confirm 返回一个布尔值，所以如果它是真的你可以继续，如果它是假的（一旦你点击警报的取消按钮就会出现），警报对话框将关闭。

【讨论】：