TypeScript中基于对象的特定字符串值

Question

在TypeScript中如何要求参数为特定的字符串值？

例如：

const obj = {
  a: 1,
  b: 2,
  c: 3,
};

interface Props {
  x: Object.keys(obj); // instead of 'a' | 'b' | 'c'
}

const foo = (x: Props) => console.log(x);

Answer 1

您可以使用typeof运算符首先获取obj的类型，然后使用keyof运算符获取对象的键（"a" | "b" | "c"）。

const obj = {
  a: 1,
  b: 2,
  c: 3
};

interface Props {
  x: keyof typeof obj;
}

const foo = (x: Props) => console.log(x);

TypeScript Playground