TypeScript报错：Type 'any[]'不可分配给类型'never[]'（TS2345）

这个类型不匹配的问题我之前开发React+TS项目时也遇到过，核心原因是TypeScript对空数组的类型推断规则导致的，咱们来一步步解决它：

错误原因分析 #

当你用const [allInfo, setAllInfo] = useState([]);初始化状态时，TypeScript无法从空数组推断出数组元素的具体类型，所以它会默认把这个数组的类型设为never[]——这个类型表示数组永远不能包含任何元素。而你后续生成的merged数组是包含合并对象的any[]类型，自然无法赋值给never[]类型的状态，于是就抛出了TS2345错误。

你之前尝试的方法没起作用的原因：

• const result : string[] = [];：这里定义的是字符串数组，但你的merged是对象数组，类型完全不匹配，所以没用。
• useState([] as any)：你把state的类型设成了any，但merged是any[]（数组类型），赋值给any理论上可以，但可能你写法有误，应该写成useState<any[]>([])或者useState([] as any[])才对。不过这种方法会失去TypeScript的类型校验优势，不推荐。

推荐解决方案：定义明确的类型接口 #

最规范的做法是给合并后的对象定义一个明确的接口，让TypeScript知道数组里的元素结构，这样既解决了类型错误，又保留了类型校验的好处。

步骤1：定义合并对象的接口 #

根据你的API返回结构，把两个接口返回的字段都包含进去：

// 替换成你实际的字段，比如从validatorResponse和resultBatch里拿到的字段
interface ValidatorInfo {
  ip_address: string;
  // 其他validator返回的字段，比如id、name等
}

interface IpInfo {
  country: string;
  city: string;
  // 其他IP查询接口返回的字段
}

// 合并后的类型
interface MergedInfo extends ValidatorInfo, IpInfo {}

步骤2：用泛型指定State的类型 #

初始化useState的时候，通过泛型明确指定数组的元素类型：

const [allInfo, setAllInfo] = useState<MergedInfo[]>([]);

这样修改后，TypeScript会自动推断merged数组的类型为MergedInfo[]，和state的类型完全匹配，setAllInfo(merged)就不会再报错了。

临时解决方案：用宽泛类型（不推荐） #

如果暂时不想写完整的接口，也可以用Record<string, any>[]（表示任意键值对的对象数组）来初始化state，这样也能解决错误，但会失去类型校验：

const [allInfo, setAllInfo] = useState<Record<string, any>[]>([]);

或者用unknown[]，不过后续使用allInfo时需要做类型断言，比较麻烦：

const [allInfo, setAllInfo] = useState<unknown[]>([]);

// 使用的时候需要断言
allInfo.forEach(item => {
  const mergedItem = item as MergedInfo;
  // 然后再操作mergedItem
});

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