如何在TypeScript中定义树类型？

Question

我写了像这样的树，如下所示：

type ReactNode = ReactChild | Array<ReactNode> 

但是编辑告诉我

TS2456：类型别名“ ReactNode”循环引用自身。

如何解决此错误？

Answer 1

类型别名的递归存在问题，如本问题所述 ：

类型别名与接口不同。 接口被命名为类型，类型别名只是别名。 在内部以及对它们的区别对待时，编译器会积极地将类型别名平化为其声明。

这里有更长的讨论： 允许递归泛型别名 。

就您而言，您可以执行以下操作：

interface ReactNodeArray extends Array<ReactNode> {}

type ReactNode = ReactChild | ReactNodeArray;