如何解决Antdesign:单击React中的Modal按钮时调用一个函数
我已经用Antdesign创建了一个Modal,并且想调用一个函数,当用户在Modal弹出窗口中确认注销后,该函数将注销用户。 当我查看Antdesign的API时,它表明我必须使用onOK属性,然后调用该函数。 这是我的模态代码:
import { logout } from '../../store/actions/auth';
function confirm({ logout }) {
Modal.confirm({
title: 'Confirm your Logout',centered: true,okText: 'Logout',icon: <LogoutOutlined />,cancelButtonProps: {
danger: true,},content: (
<div>
</div>
),onOk() {
return new Promise((resolve,reject) => {
setTimeout(Math.random() > 0.5 ? resolve : reject,1000);
}).catch(() => console.log('Modal errors!'));
},});
}
我通过div上的onClick事件调用Modal
<div onClick={confirm}>
现在,onOk属性仅显示加载微调器一秒钟,但我还想调用我先前导入的函数注销。
在加载微调器激活之前,我还如何调用该函数?
解决方法
你可以这样写
function confirm({ logout }) {
Modal.confirm({
title: 'Confirm your Logout',centered: true,okText: 'Logout',icon: <LogoutOutlined />,cancelButtonProps: {
danger: true,},content: (
<div>
</div>
),onOk: () => {
// your logout function i.e this.props.logout()
},});
}
我从 here
得到了参考版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。