React源码中的“|”符号？

Question

以前只见过“||”，单个的“|”还真是第一次见到，所以在react源码里看到这句话，有点懵逼：

type ReactNode = ReactElement | ReactFragment | ReactText;

除了|这个符号，type又是什么意思？？

谢谢！

Answer 1

这不是标准的js, 是flow的类型运算。意思是ReactNode类型是后面几个类型的并 (你可以把一个类型看作是可以取的值的集合, 这样类型的并就是集合的并)。

参考

Answer 2

你要看react源码的话，就需要系统地了解一下react用到的类型系统Flow了。也可以看一看这个中文入门教程。

Answer 3

react不是使用Ts写的么，难道说之前用的是flow，现在改成ts了