AntD Modal.confirm 確認彈出框用法


<a className={"deleteProject"} onClick={() => this.showDeleteConfirm(record.id)}>刪除</a>
//按鈕的oClick事件調用此函數
showDeleteConfirm = (id) => {
    Modal.confirm({
        title: '確認刪除此項目嗎?',
        icon: <ExclamationCircleOutlined/>,
        content: '',
        okText: '',
        okType: 'danger',
        cancelText: '',
        onOk: () => {
            this.handleOk(id)//確認按鈕的回調方法,在下面
        }
        ,
        onCancel() {
            console.log('Cancel');
        },
    });
};

//刪除的彈出框的確認按鈕,執行刪除操作
handleOk = (id) => {
    let params = {id: id};
    fetchPost(global.constants.deleteProject【此處填寫自己后端接口url】, params).then(
        res => this.setData(res)
    ).catch(e => console.log(e))
        .finally(() => {
            this.setState({
                requestLoading: false
            })
        });
};

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM