setState is not a function while using inside setTimeout Reactjs [duplicate]

Question

How could we use a setState inside setTimeout. I declared a property inside constructor function. I used this.setState({ count: index }); inside setTimeout it throws an error like Uncaught TypeError: this.setState is not a function

constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
    this.onMouseDown = this.onMouseDown.bind(this);
  }
onMouseDown() {
    this.timer();
  }
timer() {
    for (var i = 1; i <= 90; i++) {
      (function(index) {
        setTimeout(function() {
          this.setState({ count: index });
        }, index * 10);
      })(i);
    }
  }

I tried a lot don't know how to fix this. And why it is wrong?.Please get me out of this problem..

Also relevant: stackoverflow.com/questions/42650102/…

ivarni
– ivarni

2017-12-10 10:09:02 +00:00
Commented Dec 10, 2017 at 10:09 — ivarni
– ivarni, Commented Dec 10, 2017 at 10:09

RIYAJ KHAN · Accepted Answer · 2017-12-10 10:07:47Z

0

this is not refering the compnent this.setState is defined on component this

 timer() {
    const objThis  = this; //store this.
        for (var i = 1; i <= 90; i++) {
          (function(index) {
            setTimeout(function() {
              objThis.setState({ count: index });
            }, index * 10);
          })(i);
        }
      }

answered Dec 10, 2017 at 10:07

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

setState is not a function while using inside setTimeout Reactjs [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related