React中对象中双管的目的是什么答案

【问题标题】：What is the purpose of a double-pipe in an object in ReactReact中对象中双管的目的是什么
【发布时间】：2018-06-24 07:08:44
【问题描述】：

我遇到了一些 React DND 示例，其中一个示例包含以下代码：

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

有几种这样的导出类型，在对象括号中带有双管道{|...|}，尽管我进行了研究，但我找不到任何解释它的作用的东西。我认为这是由于将多个作者组合到最终对象中（重新：以下代码），并且双管道防止了某种冲突。

const princess: Author = {
  id: '4',
  name: 'Princess bubblegum',
  url: '',
  avatarUrl: '',
};

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

【问题讨论】：

它没有反应。它的打字稿语法
重复投票较高的What does flow {| brace pipe |} syntax do?。
不正确。此帖子是在创建较高投票的副本前 7 天创建的。

标签： javascript reactjs object types

【解决方案1】：

这是一个flowtype精确的对象类型注解。

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

有时禁用此行为并仅允许一组特定属性很有用。为此，Flow 支持“精确”对象类型。

基本上，它不允许任何超出定义的道具，并且如果您将...

【讨论】：