如何使用解构将两个React setState合并为一行代码？

你之前的写法错误是因为setState的第二个参数是回调函数，不是状态对象，所以你传入的{status: 'resolved', loading: false, totalHits}被当成了回调执行，而非状态更新。

要合并这两个状态更新，应该在同一个函数式更新中，把所有需要更新的状态放在返回的对象里：

this.setState((prevState) => ({
  // 展开原状态，保留其他未修改的状态（可选但推荐，避免意外覆盖）
  ...prevState,
  // 更新依赖原状态的images
  images: [...prevState.images, ...hits],
  // 更新其他独立状态
  status: 'resolved',
  loading: false,
  totalHits
}));

说明： #

• 函数式更新的回调会接收当前的prevState，你可以解构它来获取之前的images状态，确保更新是基于最新状态的。
• 返回的对象会和当前状态自动合并，所以可以一次性完成所有状态的更新，不需要调用两次setState。
• 如果你的组件状态里只有images、status、loading、totalHits这几个字段，也可以省略...prevState，但展开原状态能避免后续新增状态时被意外覆盖，更健壮。

内容的提问来源于stack exchange，提问作者VChabra