setState未在setInterval中工作[重复]

Question

我试图更新stateValue的值与setInterval中的i的值，但它只更改i的值，而不更新setInterval<中的stateValue/code>。

fun1 = () => {
  let i = 0;
  let intervalId = setInterval(() => {
    console.log("i:", i);
    this.setState({
      stateValue: i
    });

    i = i + 1;
    if (i === 3) {
      i = 0;
    }
    console.log("stateValue:", this.state.stateValue);
  }, 5000);
};




Answer 1

从文件：

setState（）并不总是立即更新组件。它可以批处理更新或将更新推迟到以后。这使得调用setState（）后立即读取This.state成为一个潜在的陷阱。相反，使用componentdiddupdate或setState回调（setState（updater，callback）），这两种回调都保证在应用更新后触发。如果需要基于上一个状态设置状态，请阅读下面的updater参数。

您应该使用此选项获取IMMIDATE状态更新值：

this.setState({
    stateValue: i
},() => {
    console.log("stateValue:", this.state.stateValue);
});