为什么reactjs中的setState是异步而不是同步？

Question

我刚刚发现，在react中，任何组件中的this.setstate()函数都是异步的，或者在调用它的函数完成后调用。

现在这两样东西很难消化

1. 在博客中，setstate函数是在函数updatestaste内部调用的，但是触发updatestaste函数的原因并不是被调用函数所知道的。
2. 他们为什么要让setState异步，因为JS是单线程语言，而且这个setState不是WebAPI或服务器调用，所以只能在JS的线程上完成。他们这样做是为了使重新呈现不会停止所有事件侦听器和其他东西，还是有其他设计问题。

Answer 1

可以在状态值更新后调用函数：

this.setState({foo: 'bar'}, () => { 
    // Do something here. 
});

另外，如果一次有许多状态要更新，请将它们分组到同一个setstate:

而不是：

this.setState({foo: "one"}, () => {
    this.setState({bar: "two"});
});

只要这样做：

this.setState({
    foo: "one",
    bar: "two"
});