这是因为 React 可能会将多个 setState() 调用合并成一个单独的更新，以提高性能。例如，如果您在处理表单输入时连续调用 setState()，React 可能会将这些调用合并为一个单独的更新，以避免不必要的渲染。因此，您可能会注意到只有最后一个 setState() 调用会触发组件重新渲染。

React 的 setState() 方法是异步的，它不会立即更新组件的 state。相反，它将 state 的更新加入到一个队列中，然后在合适的时候批量处理这些更新。React 会在事件循环的末尾，即当前代码执行完成之后，批量处理这些更新，然后重新渲染组件。

当您连续调用 setState() 时，React 会将这些更新加入到同一个队列中，并在合适的时候批量处理它们。如果两次 setState() 的更新是相同的，那么 React 可能会将它们合并为一个单独的更新，以避免不必要的渲染。

例如，假设您有以下代码：

```
this.setState({ count: this.state.count + 1 });
this.setState({ count: this.state.count + 1 });
```

在这种情况下，React 可能会将这两次 setState() 合并为一个单独的更新：

```
this.setState({ count: this.state.count + 2 });
```

这意味着只有一个更新被加入到队列中，只有一个更新被处理，组件只会重新渲染一次。

需要注意的是，如果您使用函数式的 setState()，React 不会将多个更新合并为一个。例如：

```
this.setState(prevState => ({ count: prevState.count + 1 }));
this.setState(prevState => ({ count: prevState.count + 1 }));
```

在这种情况下，React 将会执行两次更新，因为每次更新都是基于前一个 state 的。