IT技术 - React 中对象中的双管的目的是什么 - 吾爱随笔录

我遇到了一些 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,
];