React的setState是异步还是什么？

Question

嗯。我正在使用setState，由于某种原因，它后面的代码无法访问新状态！

是什么给了什么？！

Answer 1

叶氏。这是异步的。我发布这个是因为这对新的React用户来说并不是很明显。

对组件的状态进行“队列”更新。

如果您需要执行依赖于新状态更改的代码块，请传递回调，如下所示：

getInitialState: function () {
  return {
    isFinalCountdown: false,
  }
}

//blablabla

//then somewhere you got...
this.setState(
  {isFinalCountdown: true},
  function () {//<--- whoa. this solves your all your synchrosity woes!
    console.log(this.state.isFinalCountdown); //true!
  }
);

console.log(this.state.isFinalCountdown); //false!

所有这些都在文档中，它只是需要重复的东西，以避免新的React用户可能遇到的常见错误。

检查出来：https://facebook.github.io/react/docs/component-api.html#setstate