React Typescript 如何给对象数组类型的useState添加新元素

• 语法错误：useState的状态更新函数仅接收1个参数，你当前直接展开数组传递多个参数，不符合传参要求。数组类型状态更新时需要传入完整的新数组，所以要把展开的旧数组和新值包裹在[]里生成新数组。
• 变量名错误：你定义的状态变量名为shipperManagementDocumentsSelected，但更新时展开的是shipperManagementDocuments，变量名不匹配会导致引用报错。
• 类型隐患：需要确保入参newValue完全符合ManagementDocuments接口定义的字段要求，否则TS会抛出类型不匹配错误。
• 补充：你贴的ManagementDocuments接口定义漏了闭合的}，会导致类型定义报错。

写法1：直接传入新数组（适用于不依赖旧状态快照的场景） #

setShipperManagementDocumentsSelected([
  ...shipperManagementDocumentsSelected,
  newValue
])

写法2：函数式更新（更推荐，避免闭包导致的旧状态引用问题） #

当你的更新操作依赖最新的旧状态时，优先用函数式更新写法，React会自动传入最新的状态值：

setShipperManagementDocumentsSelected(prev => [...prev, newValue])

内容的提问来源于stack exchange，提问作者Young Al Capone