为什么reactjs中的setState是Async而不是Sync？

好文章在这里 https://github.com/vasanthk/react-bits/blob/master/patterns/27.passing-function-to-setState.md

// assuming this.state.count === 0
this.setState({count: this.state.count + 1});
this.setState({count: this.state.count + 1});
this.setState({count: this.state.count + 1});
// this.state.count === 1, not 3

Solution
this.setState((prevState, props) => ({
  count: prevState.count + props.increment
}));

或通过回调 this.setState ({.....},callback)

https://medium.com/javascript-scene/setstate-gate-abc10a9b2d82 https://medium.freecodecamp.org/functional-setstate-is-the-future-of-react-374f30401b6b

您可以使用以下自动换行进行同步调用

this.setState((state =>{
  return{
    something
  }
})

1）setState操作是异步的，并且为提高性能而进行了批处理。的文档中对此进行了说明setState。

setState（）不会立即使this.state突变，而是创建一个挂起的状态转换。调用此方法后访问this.state可能会返回现有值。无法保证对setState的调用的同步操作，并且可能为提高性能而对调用进行批处理。

2）为什么它们会使setState异步，因为JS是单线程语言，setState而不是WebAPI或服务器调用？

这是因为setState更改状态并导致重新渲染。这可能是一项昂贵的操作，并且使其同步可能会使浏览器无响应。

因此，setState调用是异步的也可以是批处理的，以获得更好的UI体验和性能。