Call back function in react JS

Question

How to write the call back function for this. I tried different method, but nothing seems working... I m getting Cannot read property 'props' of undefined

handleMoveToCart=(item)=>{

        this.moveCart(item, function(){
            this.props.removeFromSaveLater(item.id); //react-redux mapsDispatchToProps function
        });
}

moveCart=(item,callback)=>{
        this.props.moveToCart(item); //react-redux mapsDispatchToProps function

        callback();
}

It's telling you that 'this' is undefined. Need the full file to see why. — Mellet, Feb 10 '21 at 18:06
https://stackoverflow.com/questions/20279484/how-to-access-the-correct-this-inside-a-callback?rq=1 — Nadia Chibrikova, Feb 10 '21 at 18:07

score 0 · Accepted Answer · answered Feb 10 '21 at 18:11

0

you can bind this to your function where you want to use this.

Add this in constructor

this.moveCart = this.moveCart.bind(this);

answered Feb 10 '21 at 18:11

Rahul Arora

131
2

The problem is with the function passed to `this.moveCart`, not with `this.moveCart` itself. – Felix Kling Feb 10 '21 at 18:17

score 0 · Answer 2 · answered Feb 10 '21 at 18:15

0

works fine when replaced function(){} with ()=>

this.moveCart(item, ()=>{
            this.props.removeFromSaveLater(item.id); 
});

answered Feb 10 '21 at 18:15

user15006167

184
1
3
12

Call back function in react JS

2 Answers2