执行两次setState的时候会render几次？会不会立即触发？
在React类组件中，setState方法是异步的，这意味着在连续调用两次setState时，React可能会将这两次更新批处理（batch）为一次，从而只触发一次重新渲染。这样做的主要目的是为了优化性能，因为避免了不必要的DOM操作和渲染。
例如：
this.setState({counter: this.state.counter + 1});
this.setState({counter: this.state.counter + 1});
在这个例子中，即使我们调用了两次setState，但是counter可能只会增加1，而不是2，因为两次更新可能被合并，并且它们都读取了相同的this.state.counter值。
但是，如果我们在setState中传递一个函数而不是对象，那么React会确保每次更新都基于最新的状态。例如：
this.setState((prevState) => ({counter: prevState.counter + 1}));
this.setState((prevState) => ({counter: prevState.counter + 1}));
在这个例子中，counter将会增加2，因为每次更新都基于前一次的状态。
需要注意的是，在React的某些生命周期方法（如componentDidMount和componentDidUpdate）以及React事件处理器中，setState是异步的。然而，在setTimeout或者Promise等异步操作中，setState可能会变为同步。
另外，在React的函数组件中，使用useState Hook更新状态时，每次更新都会导致组件重新渲染，与类组件的setState有所不同。