TypeScript 属性，允许在运行时从数组中获取值

Question

我正在努力解决的问题是如何在 TypeScript 中为属性指定允许的值。

我有这个接口，该接口具有静态类型的上述属性：

interface SomeInterface{
    prop: "bell" | "edit" | "log-out"
}

但我需要这样的东西：

const list = ["bell", "edit", "log-out"]

interface SomeInterface{
    prop: list(allowed are all values from list)
}

这里的允许值列表是动态变化的。

仅供参考，这是我第一次询问 stackoverflow。谢谢！

Answer 1

您可以通过此answer 或official documentation 了解有关const 的更多信息。

const list = ["bell", "edit", "log-out"] as const;
interface SomeInterface{
    prop: (typeof list)[number] // the type would be union of array values
   //  here it would "bell" | "edit" | "log-out"
}

Answer 2

你需要enum这里

枚举是预定义的值，您可以为值指定它们并且它们是严格的，并且当您在枚举中放置的值超过定义的项目时，打字稿会给您一个错误。

在您的情况下，您可以执行以下操作：

enum MY_ACTION_LIST {
  BELL = 'bell',
  EDIT = 'edit',
  LOG_OUT = 'log-out'
}

interface SomeInterface {
  props: MY_ACTION_LIST
}

通过这样做，您将确保除了您在枚举中指定的项目之外，道具不能是其他任何东西。

更多信息here.