React中对象中双管的目的是啥

Posted 2023-02-22

【中文标题】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 天创建的。

【参考方案1】：

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

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

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

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