在打字稿中使用对象键作为类型

Question

假设我们有一个如下所示的已定义/常量对象，我们希望将其键用作类型；

const componentDetail = {
  "ejareRaf" : {
    text : "rented",
    background : "linear-gradient(0deg, rgba(243, 7, 27, 0.6), rgba(243, 7, 27, 0.6));"
  },
  "hamahangBazdid" : {
    text : "visit-set", 
    background : "rgba(13, 81, 55, 0.6)"
  },
  "onMozakere" : {
    text : "negotitaing", 
    background : "linear-gradient(0deg, rgba(217, 171, 33, 0.6), rgba(217, 171, 33, 0.6));"
  },
  "dideShod" : {
    text : "seen", 
    background : "rgba(18, 25, 33, 0.4)"
  },
  "cancelBazdid" : {
    text : "canceled", 
    background : "rgba(238, 45, 123, 0.3)"
  },
}

现在我想要一个 type 从上面的对象键中推断出来，如下所示：

"ejareRaf" | "hamahangBazdid" | "onMozakere" | "dideShod" | "cancelBazdid"

Answer 1

经过多次试验和错误，我自己找到了它：

type componentDetailKeys = keyof typeof componentDetail;

// "ejareRaf" | "hamahangBazdid" | "onMozakere" | "dideShod" | "cancelBazdid"