让前端飞Web前端之路

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

2019-06-20  本文已影响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');
            },
        });
上一篇 下一篇

猜你喜欢

热点阅读