"This" is not allowed withing Model.confirm ()

Question

I am working on react js and import confirm modal from library but it does not allow me to user "this" within onOk() method

import {Modal} from "antd";
const confirm = Modal.confirm;
class Chat extends Component {
constructor(props){
    this.state =  {
    }
    this.deleteajax=this.deleteajax.bind(this);
    this.deletemethod=this.deletemethod.bind(this);
}
deleteajax(){
   // code for ajax
}
deletemethod(){
   confirm({
     title: 'Are you sure you want to delete this measureemnt?',
     okText: 'Yes',
     okType: 'danger',
     cancelText: 'No',
     onOk() {
          this.deleteajax(id);
     }
 }
  render(){
  //some design for delete button
   }
 }

Possible duplicate of [How to access the correct \`this\` inside a callback?](https://stackoverflow.com/questions/20279484/how-to-access-the-correct-this-inside-a-callback) — Dan O, May 02 '19 at 14:00
there are many, many, MANY questions on Stack Overflow regarding `this` being undefined inside of callback functions. Which of those questions have you researched, which solutions have you attempted, and why were they not successful for you? — Dan O, May 02 '19 at 14:00

Roy.B · Accepted Answer · 2019-05-02T13:59:37.480

1

try this:

confirm({
     title: 'Are you sure you want to delete this measureemnt?',
     okText: 'Yes',
     okType: 'danger',
     cancelText: 'No',
     onOk: (id) => this.deleteajax(id)
     })

edited May 02 '19 at 13:59

answered May 02 '19 at 13:54

Roy.B

2,076
14
23

"This" is not allowed withing Model.confirm ()

1 Answers1