Значение свойства объекта массива 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"

Answer 2

Возможным решением является рефакторинг вашего кода с помощью перечислений.

enum Keys {
    clickedButton = 'clickedButton',
    clickedLink = 'clickedLink',
    clickedImage = 'clickedImage'
}

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

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