setState 在 setInterval 中不起作用 [重复]

Question

我正在尝试用setInterval 中的i 的值更新stateValue 的值，但它只更改i 的值并且不会更新setInterval 中的stateValue。

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

FROM DOC :

setState() 并不总是立即更新组件。有可能 批处理或推迟更新。这使得阅读this.state 在致电setState() 之后，这是一个潜在的陷阱。相反，使用 componentDidUpdate 或 setState 回调 (setState(updater, callback))，其中任何一个都保证在更新后触发 已应用。如果需要根据前面的设置状态 状态，请阅读下面的 updater 参数。

您应该使用它来获取即时状态更新值：

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