React+TypeScript报错：类型"string | never[]"无法分配给SetStateAction参数

报错核心是类型不匹配：

• setCustomerIdValue期望接收的参数类型是SetStateAction<(string | undefined)[]>（数组类型）
• 但getShipCompanyNameFromCustomerIdValues函数的返回值是string | never[]：参数为空时返回空数组，正常逻辑返回的是join(', ')拼接后的字符串，完全不符合state的类型要求

1. 修正函数返回逻辑 #

你的state定义为数组类型，因此函数应返回去重后的字符串数组，而非拼接后的单个字符串。去掉join(', ')，直接返回去重数组：

const getShipCompanyNameFromCustomerIdValues = (
  allIds: CustomerIDShipCompanyID[] | undefined,
  searchIds: (string | undefined)[] | undefined
): string[] => { // 明确标注返回类型为string[]
  if (!allIds || !searchIds) return []

  const result: string[] = []
  searchIds.forEach(v => {
    if (!v) return // 跳过undefined的查找ID，减少无效操作
    const match = allIds.find(id => id.value === v)
    if (match?.ShipCompanyName) {
      result.push(match.ShipCompanyName)
    }
  })

  return [...new Set(result)] // 直接返回去重后的数组
}

2. 类型兼容验证 #

修正函数后，defaultCustomerIdValues的类型为string[]，与(string | undefined)[]完全兼容，直接传入setCustomerIdValue即可消除报错。

可选：调整state类型（若业务需存储拼接字符串） #

如果你的业务逻辑实际需要存储拼接后的字符串，需同步修改state定义：

const [customerIdValue, setCustomerIdValue] = useState<string>('')

但结合原代码的初始化值（空数组），更推荐第一种数组返回的方案。

• 给函数添加明确的返回类型注解，避免TypeScript隐式推断错误，提升类型检查可靠性
• 遍历searchIds时主动跳过undefined值，减少无效查找，让结果更简洁

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