带参数的 Reacjs setInterval 函数-解网

问：

我有一个函数，可以根据条件设置时间间隔。假设条件越来越令人满意，那么它应该工作直到它为真，否则它应该停在那里。

class TestClassName extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            //setting values in state
        };
        this.SetIntervalAsPerLogic = this.SetIntervalAsPerLogic.bind(this);
    }
    SetIntervalAsPerLogic = (responseId, model) => {
        if (this.state.isMoreResultsAvailable) {
            this.fetchNewDataDB(responseId, model);
        }
    };

    getDataLazyBind = (responseId, model) => {
        setInterval(function () {
            this.SetIntervalAsPerLogic(responseId, model);
        }, timer);
        setInterval(function () {
            SetIntervalAsPerLogic(responseId, model);
        }, timer);
    };
    render() {
        //rendering
    }
}

const containerElement = document.getElementById("main");
ReactDOM.render(<TestClassName />, containerElement);

错误：未定义 SetIntervalAsPerLogic

JavaScript的反应JS setinterval

class TestClassName extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      //setting values in state
    };
  }
  SetIntervalAsPerLogic = (responseId, model) => {
    if (this.state.isMoreResultsAvailable) {
      this.fetchNewDataDB(responseId, model);
    }
  };
  getDataLazyBind = (responseId, model) => {
    setInterval(() => {
      this.SetIntervalAsPerLogic(responseId, model);
    }, timer);
  };
  render() {
    // rendering
    return null;
  }
}

来自 MDN：

箭头函数没有自己的 .使用封闭词法范围的值;箭头函数遵循正常变量查找规则。因此，在搜索当前范围中不存在的 which 时，箭头函数最终会从其封闭范围中找到。thisthisthisthis

箭头函数表达式 - MDN

上一个：SQL Large Insert Transaction log full 错误

下一个：在 OnChange 输入中传递功能组件 react 的参数对象

带参数的 Reacjs setInterval 函数

Reacjs setInterval function with argument

评论