TypeScript 從 object 鍵動態推斷類型

Question

如何創建一個接口以根據在另一個 object 中輸入的密鑰來鍵入檢查 object。

例如：

const myObject = {
  colors: {
    black: '#000',
    white: '#fff'
  },
  palette: {
    primary: 'black',
    secondary: 'orange' // <- should give an error because orange does not exist in colors object
  }
};

Answer 1

這是一種方法

const colors = {
  black: '#000',
  white: '#fff'
};

const palette: Record<string, keyof typeof colors> = {
  primary: 'black',
  secondary: 'white'
};

const myObject = {
  colors,
  palette
};