从打字稿中的数组中的字符串派生键以定义对象属性名称

phil

我想在对象中定义键匹配2维数组的第一项。

export const ProductInfos = [
  ["description", "Description"],
] as const
type ProductInfoTypes = typeof ProductInfos[number][0]

export type Product = {
  id: string
  //[key in typeof ProductInfos[number][0]]: string
}

因此,这里Product应该以接受字符串的属性“ description”结尾。

但是我[key in typeof ProductInfos[number][0]]: string不编译

A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.ts(1170)
A computed property name must be of type 'string', 'number', 'symbol', or 'any'.ts(2464)
The right-hand side of an 'in' expression must be of type 'any', an object type or a type parameter.ts(2361)
埃尔达

您可以使用内置的类型映射器Record和交集类型,如下所示:

export const ProductInfos = [
  ["description", "Description"],
] as const
type ProductInfoTypes = typeof ProductInfos[number][0]

type ProdcutDescription =  Record<ProductInfoTypes,string>

 type Base = {
  id: string
}

type Product = Base & ProdcutDescription

const product : Product ={
  id:"asdsa",
  description : "as" //ok 
foo:"ere" // error
}

游乐场链接

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从打字稿对象中查找带有填充值的属性名称

来自分类Dev

无法从打字稿中的 json 对象获取数组响应

来自分类Dev

打字稿:如何在接口的字符串索引签名定义中引用属性名

来自分类Dev

推送 id,打字稿字符串数组中的文本

来自分类Dev

如何从打字稿中具有 html 标签的字符串变量中剪切 4 行文本

来自分类Dev

打字稿:从对象键和数组字符串值生成类型

来自分类Dev

从打字稿中的对象列表中查找键的唯一值的有效方式

来自分类Dev

如何从打字稿中的动态键数组推断类型化数组?

来自分类Dev

从打字稿中的静态方法中检索类名称

来自分类Dev

打字稿:如何从字符串数组定义类型?

来自分类Dev

从打字稿中的值获取枚举的键

来自分类Dev

如何从打字稿中的typeof对象中删除索引

来自分类Dev

如何从打字稿中的类数组中解开类型

来自分类Dev

基于存储在字符串数组js中的键的自定义排序/排序对象数组

来自分类Dev

基于存储在字符串数组js中的键的自定义排序/排序对象数组

来自分类Dev

基于存储在字符串数组js中的键的自定义排序/排序对象数组

来自分类Dev

基于存储在字符串数组js中的键的自定义排序/排序对象数组

来自分类Dev

从打字稿中的地图中删除数组值

来自分类Dev

坚持如何从打字稿中的数组计算模式

来自分类Dev

打字稿-指定“键”类型,其中对象[对象的键]必须返回字符串[]

来自分类Dev

在搜索字符串中包含打字稿/ JavaScript中的通配符的字符串时,在数组上进行搜索?

来自分类Dev

用对象属性替换模板字符串中的键

来自分类Dev

在打字稿中创建对象时意外将数字转换为字符串

来自分类Dev

如何使用字符串为打字稿中的json对象建立索引

来自分类Dev

Angular如何将文本字符串转换为打字稿中的html对象

来自分类Dev

将JSON转换为打字稿中的字符串数组

来自分类Dev

如果值在打字稿数组中,则分配新的字符串值

来自分类Dev

在打字稿中删除字符串数组上的过滤器

来自分类Dev

修改数组对象中的键字符串

Related 相关文章

  1. 1

    从打字稿对象中查找带有填充值的属性名称

  2. 2

    无法从打字稿中的 json 对象获取数组响应

  3. 3

    打字稿:如何在接口的字符串索引签名定义中引用属性名

  4. 4

    推送 id,打字稿字符串数组中的文本

  5. 5

    如何从打字稿中具有 html 标签的字符串变量中剪切 4 行文本

  6. 6

    打字稿:从对象键和数组字符串值生成类型

  7. 7

    从打字稿中的对象列表中查找键的唯一值的有效方式

  8. 8

    如何从打字稿中的动态键数组推断类型化数组?

  9. 9

    从打字稿中的静态方法中检索类名称

  10. 10

    打字稿:如何从字符串数组定义类型?

  11. 11

    从打字稿中的值获取枚举的键

  12. 12

    如何从打字稿中的typeof对象中删除索引

  13. 13

    如何从打字稿中的类数组中解开类型

  14. 14

    基于存储在字符串数组js中的键的自定义排序/排序对象数组

  15. 15

    基于存储在字符串数组js中的键的自定义排序/排序对象数组

  16. 16

    基于存储在字符串数组js中的键的自定义排序/排序对象数组

  17. 17

    基于存储在字符串数组js中的键的自定义排序/排序对象数组

  18. 18

    从打字稿中的地图中删除数组值

  19. 19

    坚持如何从打字稿中的数组计算模式

  20. 20

    打字稿-指定“键”类型,其中对象[对象的键]必须返回字符串[]

  21. 21

    在搜索字符串中包含打字稿/ JavaScript中的通配符的字符串时,在数组上进行搜索?

  22. 22

    用对象属性替换模板字符串中的键

  23. 23

    在打字稿中创建对象时意外将数字转换为字符串

  24. 24

    如何使用字符串为打字稿中的json对象建立索引

  25. 25

    Angular如何将文本字符串转换为打字稿中的html对象

  26. 26

    将JSON转换为打字稿中的字符串数组

  27. 27

    如果值在打字稿数组中,则分配新的字符串值

  28. 28

    在打字稿中删除字符串数组上的过滤器

  29. 29

    修改数组对象中的键字符串

热门标签

归档