主页 / 问题 / 1587296
Accepted
Oliver Patterson
Asked:2024-07-16 12:52:56 +0800 CST2024-07-16 12:52:56 +0800 CST

通过泛型输入值

  • 772

我不知道如何更正确地描述我的意思。

我需要一个像这样的接口（它在当前的实现中不起作用），但另外我想为 添加额外的值id，但在这种情况下value必须有一个类型unknown

interface IColumn<T extends object, AdditionalKeys extends string = never, U = keyof (T & Record<AdditionalKeys, any>)>
{
  id: U;
  format(value: T[U]): any;
}

预期行为：

interface IColumn<T extends object, AdditionalKeys extends string = never, U = keyof (T & Record<AdditionalKeys, any>)>
{
  id: U;
  format(value: T[U]): any;
}

interface ITest
{
  key1: number;
  key2: string;
  key3: Date;
}

const columns: IColumn<ITest, "test">[] = [
  {
    id: "key1",
    format(value) // должен быть тип number
    {
      return value;
    }
  },
  {
    id: "key2",
    format(value) // должен быть тип string
    {
      return value;
    }
  },
  {
    id: "key3",
    format(value) // должен быть тип Date
    {
      return value;
    }
  },
  {
    id: "test",
    format(value) // должен быть тип unknown
    {
      return value;
    }
  },
  {
    id: "another", // Должна быть ошибка
    format(value)
    {
      return value;
    }
  }
]

TypeScript 游乐场

typescript

1 个回答

  1. Best Answer

    类型：

    type IColumn<S extends Record<string, any>, ADD extends string = never> = ({
  [K in (keyof S) | ADD]: {
    id: K;
    format(value: K extends (keyof S) ? S[K] : unknown): any;
  };
})[(keyof S) | ADD];

interface ITest {
  key1: number;
  key2: string;
  key3: Date;
}

type TColumnsTest = IColumn<ITest, 'test'>[];

    结果：

    type TColumnsTest = ({
    id: "test";
    format(value: unknown): any;
} | {
    id: "key1";
    format(value: number): any;
} | {
    id: "key2";
    format(value: string): any;
} | {
    id: "key3";
    format(value: Date): any;
})[]

    使用示例：

    const columns = [
  ...
] as const satisfies TColumnsTest;
    • 1

相关问题