Typescript - 仅从另一种类型的字段中选择一个值

Question

我有一种类型，我只想从一个字段中选择一个值。类型看起来像这样：

export interface RoleDto {
    id: string;
    objectNumber: string;
    type: "BA" | "BM" | "BP" | "FR" | "RM";
}

我想从 RoleDto 中的类型值创建一个类型：

export type IRoleType = Pick<RoleDto, "roleType">;

它创建了一个初始类型：

{ rolleType: "BA" | "BM" | "BP" | "FR" | "RM" }

但是，我只想获得一个值，以便我可以将它用于我的组件道具，如下所示：

export const RoleTag = ({ roleType }: IRoleType) => 

有没有办法做到这一点？

Answer 1

interface RoleDto {
    id: string;
    objectNumber: string;
    roleType: "BA" | "BM" | "BP" | "FR" | "RM";
}

type IRoleType = Pick<RoleDto, "roleType">;
type IRoleTypeValues = IRoleType["roleType"];

const RoleTag = ({ roleType }: IRoleType) =>  console.log(roleType);
const roleDTO: RoleDto = {id: "1", objectNumber: "1", roleType: "BA"}
RoleTag(roleDTO);