这个“|”是什么意思 React 文档中的符号代表什么？

Question

我试图理解 React 源代码，代码库中的许多文件将我引导到共享/ReactTypes.js 文件。

在该文件中，有一个符号“|”

根据我自己的研究，我发现这是按位 OR (|) 运算符，解释该运算符的 MDN 文档指出：

在任一操作数或两个操作数的对应位为 1 的每个位位置返回 1。

这对我来说没有任何意义，所以我继续在网络上进行一些研究，包括 Google 和 Stackoverflow，但我在 React 的源代码中找不到任何与其功能相关的内容。

export type ReactNode =
  | React$Element<any>
  | ReactPortal
  | ReactText
  | ReactFragment
  | ReactProvider<any>
  | ReactConsumer<any>;

任何人都可以向我解释一下这一点，或者至少给我发送一些资源来帮助我了解此 React 源代码中发生的情况。

另外，如果您知道重现此代码的任何方法，请告诉我。

提前致谢！！

Answer 1

该文件是一个 Flow 类型文件，而不是普通的 JavaScript，因此 MDN 文档不具有这种意义。（事实上​​，无论如何它都不能被解析为常规 JavaScript；export type这不是 JavaScript 中的东西。）

|Flow中的运算符表示联合类型。

（React 的 TypeScript 键入文件具有等效的（即使不完全相同）模式。）