当两个setState()运行时，setState()会阻塞UI

当两个setState()运行时，setState()会阻塞UI的更新。setState()是React中用于更新组件状态的方法，它是异步执行的。当调用setState()时，React会将状态更新放入一个队列中，然后在适当的时机进行批量更新，以提高性能。

在React中，当多个setState()连续调用时，React会将这些更新合并为一个更新操作，以减少不必要的渲染。这意味着在一个事件循环中，多个连续的setState()调用只会触发一次UI更新。

然而，如果在一个setState()调用的回调函数中再次调用了setState()，React会将这个更新操作放入队列中，等待下一次批量更新。这样做是为了避免频繁的UI更新，提高性能。

因此，当两个setState()运行时，第一个setState()会触发UI更新，而第二个setState()会被放入队列中等待下一次批量更新。这意味着第二个setState()的更新不会立即反映在UI上，而是会延迟到下一次更新时才生效。

需要注意的是，由于setState()是异步执行的，所以在调用完setState()后立即访问更新后的状态可能会得到旧的状态值。如果需要在setState()执行后获取最新的状态值，可以在setState()的回调函数中进行操作。

总结起来，当两个setState()运行时，第一个会触发UI更新，而第二个会被延迟执行，直到下一次批量更新。这样的机制可以提高性能，避免频繁的UI更新。