如何定义通用类型：类型为属性名称 typescript

Question

如果T等于trigger数据属性仅显示trigger ，我如何定义通用类型GetAppActions ，反之亦然

type GetAppActionType = 'trigger' | 'action'
interface AppActionInputField {}

type GetAppActions<T = GetAppActionType> = {
    data: {
        action: { inputFields: AppActionInputField[] }
        trigger: { inputFields: AppActionInputField[] }
    }
    type: T
}

Answer 1

您可以使用映射类型

interface AppActionInputField {}

type GetAppActions<T extends "trigger"|"action"> = {
    data: {
        [K in T]: { inputFields: AppActionInputField[] }
    },
    type: T
}

const test: GetAppActions<"trigger"> = {
    data: {
        trigger: { inputFields: [{}] }
    },
    type: "trigger"
}

游乐场链接

Answer 2

您可以使用区分联合来帮助您根据type限制data属性。

基本上，这充当您的类型的switch 。

interface AppActionInputField { }

type GetAppActions = {
  type: "trigger"
  data: {
    trigger: { inputFields: AppActionInputField[] }
  }
} | {
  type: "action",
  data: {
    action: { inputFields: AppActionInputField[] }
  }
}

type GetAppActionType = GetAppActions["type"];
// "actions" | "trigger"