Typescript 数组对象属性值作为类型

Question

是否可以将对象数组的值用作类型？

// this array is static
export const events = [
    {
        id: 1,
        key: 'clickedButton',
    },
    {
        id: 2,
        key: 'clickedLink',
    },
    {
        id: 3,
        key: 'clickedImage',
    },
] as const;

type Keys = //<-- How do I get this to : "clickedButton" | "ClickedLink" | "ClickedImage"

const dispatchEvent(key: Keys) => {
    const event = events.find(e => e.key === key);
    ...
}

我试过了

const keys = events.map((e) => e.key);

type Keys = typeof keys.values;

等于

() => IterableIterator<"clickedButton" | "ClickedLink" | "ClickedImage">

当我尝试使用 .find() 之后它不起作用

这不可能吗？

Answer 1

你可以使用:

type Keys = typeof events[number]["key"]; // "clickedButton" | "clickedLink" | "clickedImage"