typescript - 基于变量的条件类型

Question

我希望能够通过将一些变量传递给组件道具来从“类型映射”之类的东西中选择正确的类型。我将其称为“条件类型”，但我没有在 typescript 文档的相应页面上找到解决方案。

这是一个简化的示例：

type Queue1 = {};
type Queue2 = {};
type Queue3 = {};
// ... another possible type

type QueueTypes = {
    'Queue1': Queue1,
    'Queue2': Queue2,
    'Queue2': Queue3
    // ...
}

interface Props {
    queueType: keyof QueueTypes;
}

let props: Props = {queue: 'Queue2'}

// Type 'any' cannot be used as an index type
type rightQueueType = QueueType[props.queue]

经过一个小时的谷歌搜索，我从未找到正确的解决方案。也许我以某种错误的方式使用打字稿？我很乐意得到任何帮助。

链接到操场

Upd：我有一个可重用的通用反应组件（表），可以处理不同类型的资源（队列 1、队列 2 等）。我无法明确提供资源类型，因为它是动态的。所以我所拥有的只是一个作为字符串的资源类型，我需要以某种方式将其转换/转换为现有的打字稿类型。根据我最初的游乐场，它可能看起来像这样：/>（React 组件）

我最终采用了这种方法（感谢@jcalz）：

interface Queue1 { q: 1 }
interface Queue2 { q: 2 }
interface Queue3 { q: 3 }
type QueueTypes = {
    'Queue1': Queue1,
    'Queue2': Queue2,
    'Queue3': Queue3
}

type Props = { [K in keyof QueueTypes]: { queueType: K } }[keyof QueueTypes]
let props: Props = { queueType: 'Queue2' }

// <ResourceTable<QueueTypes[typeof props.queueType]>>

标签： typescripttypescript2.0

Answer 1

可以使用 Record 是一个对象类型，其属性键为 K，属性值为 T。也就是说，keyof Record 等价于 K，Record[K] 等价于 T。

type QueueTypes: Record<string, Queue1 | Queue2 | Queue3> = {
    'Queue1': Queue1,
    'Queue2': Queue2,
    'Queue2': Queue3
}