从React导入库的自定义TypeScript类型不被识别?

Question

我试图在我的React TypeScript项目中使用第三方家谱库(react-family-tree)。

家谱树需要一个数组，其中包含一个来自其依赖库relatives-tree的性别类型的值

我已经像这样导入了库:

import ReactFamilyTree from 'react-family-tree';

和我试图创建的性别类型的数组与以下代码:

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

然而，我得到了Cannot find name 'Gender'

的错误我认为导入这个库也会使它的类型可用，我还需要导入依赖库吗?我尝试了各种语法，但都无法识别。

Answer 1

import ReactFamilyTree from 'react-family-tree'只从react-family-tree导入默认导出，而不是Gender。您需要从某处导入Gender本身。

如果它在库relatives-tree中，那么这可能是像

这样的东西import { Gender } from 'relatives-tree'.

您需要查看文档/源代码，以便确切地了解在哪里可以找到Gender类型。

---

更新:在这个特定的情况下，Gender类型似乎是从relatives-tree/lib/types导出的，所以导入语句应该是:

import { Gender } from 'relatives-tree/lib/types'