代码之家 › 专栏 › 技术社区 › Alex Wayne

键入一个函数,该函数接受与对象类型匹配的键和值,然后使用它们

flowtype javascript

Alex Wayne · 技术社区 · 6 年前

我有一个对象类型,我希望有一个函数接受 key 从该对象类型,以及 value 必须是对应于 钥匙 .

我得到了这个 主要地 工作,直到您实际使用这些值,然后Flow会忘记需要它们进行匹配。

// @flow

type Obj = {
  str: string,
  num: number,
}

const obj: Obj = {
  str: '',
  num: 0,
}

function foo<KEY: $Keys<Obj>>(
  key: KEY,
  value: $ElementType<Obj, KEY>
) {
  obj[key] = value
  //         ^ Cannot assign `value` to `obj[key]` because string [1]
  //           is incompatible with number [2].
}

// Good
foo('str', 'good')
foo('num', 123)

// Bad
foo('str', 456) // ERROR: as expected.
foo('num', 'bad') // ERROR: as expected.

Try flow link

我怎么让Flow知道这其实很好,因为只是验证键和值类型是否匹配?

1 回复 | 直到 6 年前

frontendgirl 6 年前

KEY string

type Obj = {
  str: string,
  num: number,
}

const obj: Obj = {
  str: '',
  num: 0,
}

function foo<KEY: string>(
  key: KEY,
  value: $ElementType<Obj, KEY>
) {
  obj[key] = value
}

// Good
foo('str', 'good')
foo('num', 123)

// BAD
//foo('str', 456)
//foo('num', 'bad')

key Obj value $ElementType<Obj, KEY>

flow playground

推荐文章

Christopher Francisco · 流-缓存公共变量检查时,读取联合类型属性不起作用

6 年前

David Schumann Axnyff · 使用react native中无状态功能组件的流定义属性类型

6 年前

JD. · 流-可能类型与看似有效的默认对象参数不兼容

6 年前

arnoldbird · 如何使用非字符串引用而不导致流错误

6 年前

Andy Haskell · 为什么Web包在我的主目录中查找预设?

6 年前

Ilja · 扩展flow“type Props”以包括来自其他组件的道具类型?

6 年前

Soichi Takamura · 流类型是否可以在方法链接中收紧实例的方法定义

6 年前

Janekx · 如何构建流程

6 年前

Daniel Jung · eslint无法解析$ReadOnlyArray

6 年前

Saad · Flowtype libdefs如何从其他libdef导入类型?

6 年前