如何在TypeScript中定义树型？

Question

我写样型树如下：

type ReactNode = ReactChild | Array<ReactNode> 

但编辑告诉我，

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

如何解决此错误？

Answer 1

有与类型别名递归，如this issue简要解释了一个问题：

类型别名是不喜欢的接口。接口是命名类型， 其中as类型别名只是别名。内部以及它们的处理方式不同，编译器积极地将类型别名 变为其声明。

这里有一个更长的讨论：allow recursive generic type aliases。

在你的情况，你可以这样做：

interface ReactNodeArray extends Array<ReactNode> {} 

type ReactNode = ReactChild | ReactNodeArray;