如何将对象中的每种类型的属性映射到接口中的属性？

Question

我正在尝试为打字稿中的 react-redux 项目创建调度操作界面。 我希望能够基于另一个具有可以调度的所有类型的对象来决定操作界面中的类型属性。

输入：

const FooActions = {
    REMOVE_FOO: "removeFOO",
    ADD_FOO: "addFOO",
    UPDATE_FOO: "updateFOO",
};

interface FooActionType {
    type: "MAP ALL property values from FooActions";
    payload: any;
}

预期输出：

interface FooActionType {
    type: "removeFOO" | "addFOO" | "updateFOO";
    payload: any;
}

Answer 1

要获取对象中值的类型，您可以使用T[keyof T] （其中T是类型）。 要在FooActions保留字符串文字类型，您需要使用类型断言。

鉴于上述情况，创建FooActionType很简单：

const FooActions = {
    REMOVE_FOO: "removeFOO",
    ADD_FOO: "addFOO",
    UPDATE_FOO: "updateFOO",
} as const;

interface FooActionType {
    type: typeof FooActions[keyof typeof FooActions];
    payload: any;
}

玩