React TypeScript项目中第三方库自定义类型无法识别问题

• 首先确认依赖库relatives-tree已安装（主库会自动依赖它，若未安装可执行：npm install relatives-tree）
• 直接从relatives-tree中导入Gender类型，有两种导入方式：
  • 常规导入：

    import { Gender } from 'relatives-tree';
    

  • 类型专用导入（TypeScript 3.8及以上版本推荐）：

    import type { Gender } from 'relatives-tree';
    

• 若上述导入仍无效，可手动定义Gender类型（对应relatives-tree的实际类型值，通常为'M'/'F'/'O'）：

  type Gender = 'M' | 'F' | 'O';
  

之后就可以正常使用Gender类型定义你的数组了：

const ancestorsFormatted: Array<{ 
  id: number, 
  gender: Gender, 
  parents: {id: number}[], 
  children: {id: number}[], 
  spouse: {id: number}[]
}> = [];

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