使用内部setTimeout Reactjs[duplicate]时，setState不是函数

Question

我们如何在setTimeout中使用setState。我在构造函数中声明了一个属性。我使用了this.setState（{count:index}）insidesetTimeout它会抛出一个类似于UncaughtTypeError的错误：this.setState不是一个函数

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);
    }
  }

我试了很多，但不知道如何解决这个问题。为什么错了？请帮我解决这个问题。。

Answer 1

此不是指此组件。设置状态是在组件此

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