美文网首页让前端飞Web前端之路
【React】使用antd的Modal.confirm方法获取不

【React】使用antd的Modal.confirm方法获取不

作者: 废柴码农 | 来源:发表于2019-06-20 16:31 被阅读0次

在项目中使用到了antd的Modal.confirm方法,发现获取不到this
项目中需求是这样的:点击删除的时候,弹出confirm框,点击OK的时候请求删除接口


D500192C-1CD4-416B-9BD2-A37945D41E42.png

项目中的代码如下:

const confirm = Modal.confirm;
  confirm({
             title: '确定要删除吗?',
             onOk(){
                this.requestDelete()
              })
          },
            onCancel() {
                 console.log('Cancel');
             },
         });
但是,这样的话会报错:打印出来的this是undefined,后来查了一下需要对方法做一下修改才能获取到this。修改如下:将onOk()改为箭头函数形式:onOk: ()=>{}
const confirm = Modal.confirm;
 confirm({
            title: '确定要删除吗?',
            onOk :()=>{
               this.requestDelete()
             })
         },
           onCancel() {
                console.log('Cancel');
            },
        });

相关文章

网友评论

    本文标题:【React】使用antd的Modal.confirm方法获取不

    本文链接:https://www.haomeiwen.com/subject/bdsjqctx.html