使用 object 密鑰作為 typescript 中的類型

Question

考慮我們有一個定義/常量 object 如下所示，我們想使用它的鍵作為類型；

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)"
  },
}

現在我想要一個從上面的 object 鍵推導出來的type ，如下所示：

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

Answer 1

經過幾次試驗和錯誤，我發現它是我自己的：

type componentDetailKeys = keyof typeof componentDetail;

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