我遇到了一些React DND的示例,其中一个是以下代码:

export type Author = {|
  id: string,
  name: string,
  avatarUrl: string,
  url: string,
|}

像这样的几种导出类型在对象括号中都带有双管道{|...|},尽管进行了研究,但我找不到任何能解释其作用的内容。我认为这是由于有多个Authors组合到最终对象中(例如以下代码),并且双管道防止了某种冲突。
const princess: Author = {
  id: '4',
  name: 'Princess bubblegum',
  url: '',
  avatarUrl: '',
};

export const authors: Author[] = [
  jake, BMO, finn, princess,
];

最佳答案

这是一个流类型精确对象类型注释。

https://flow.org/en/docs/types/objects/#toc-exact-object-types



基本上,它将不允许已定义 Prop 以外的任何 Prop ,如果您向age: 40对象添加... Author,则应该提示。

10-08 08:53
查看更多