javascript - 相当于 Flow 中的 TypeScript Record？

Question

TypeScript 提供实用程序类型 Record，我正在 Flow 中寻找其等效项。

我尝试过:{ [key: KeyType]: Value } 但该定义具有不同的语义。

Answer 1

等价物几乎与 TypeScript 相同:

// @flow

type Record<T, V> = {
  [T]: V
}

从 TypeScript 文档中提取示例:

type ThreeStringProps = Record<'prop1' | 'prop2' | 'prop3', string>

const test: ThreeStringProps = {
  prop1: 'test',
  prop2: 'test',
  prop3: 'test',
}

// Fails because prop3 is not a string
const failingTest: ThreeStringProps = {
  prop1: 'test',
  prop2: 'test',
  prop3: 123,
}

// Fails because `prop4` isn't a valid property
const failingTest2: ThreeStringProps = {
  prop1: 'test',
  prop2: 'test',
  prop3: 'test',
  prop4: 'test',
}

您可以在Try Flow查看此操作的实际效果。 .