如何从 Typescript 中的 object 值数组生成类型

Question

我有一系列这样的路线：

export const routes = [
  { name: 'Home', component: HomeScreen },
  { name: 'CreateProgram', component: CreateProgramScreen },
  { name: 'AddExercises', component: AddExercisesScreen },
]

我想从路线的名称以编程方式生成如下类型的别名：

type RouteNames = 'Home' | 'CreateProgram' | 'AddExercises'

Answer 1

将数组键入as const使其不会自动加宽，然后您可以在其类型上使用[number]来获取所有 object 类型的并集，然后访问["name"]以获取name属性的类型.

export const routes = [
  { name: 'Home', component: HomeScreen },
  { name: 'CreateProgram', component: CreateProgramScreen },
  { name: 'AddExercises', component: AddExercisesScreen },
] as const;
type RouteNames = (typeof routes)[number]["name"];