V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
f360family123
V2EX  ›  TypeScript

不懂就问 TypeScript 可以生成这样的类型吗

  •  
  •   f360family123 · 112 天前 · 945 次点击
    这是一个创建于 112 天前的主题,其中的信息可能已经有所发展或是发生改变。

    image-20220307170919454

    11 条回复    2022-03-07 20:54:52 +08:00
    noe132
        1
    noe132  
       112 天前
    你这已经是最简洁的写法了
    f360family123
        2
    f360family123  
    OP
       112 天前
    @noe132 可是继续加 SearchType 不就很难受了
    anjianshi
        3
    anjianshi  
       112 天前
    确实是最简洁的写法了...
    anjianshi
        4
    anjianshi  
       112 天前
    如果新加的 type 不需要 xSearchItems ,可以这样合并:

    ```typescript
    type Column = { xSearchType: 'input' | 'other' | 'other-other' }
    | { xSearchType: 'select', xSearchItems: any[] }
    ```
    zhy0216
        5
    zhy0216  
       112 天前
    应该可以用 conditional type
    xiaojie668329
        6
    xiaojie668329  
       111 天前
    ```typescript

    type column<T> = T extends 'select' ? { xSearchType: T, xSearchItems: any[] } : { xSearchType: T }

    let c: column<'select'> = {
    xSearchType: 'select',
    xSearchItems: [],
    }

    let n: column<'input'> = {
    xSearchType: 'input',
    }


    ```

    暂时想到这样写,不过感觉还有更简洁的方法。
    zhihaofans
        7
    zhihaofans  
       111 天前 via iPhone
    没学过 ts 的好奇问一下,参数名前面都带个 x 是有什么用途
    f360family123
        8
    f360family123  
    OP
       111 天前
    @zhy0216 看了下文档,没想出来怎么实现
    f360family123
        9
    f360family123  
    OP
       111 天前
    @zhihaofans 我随手写的..,跟 ts 没关系
    f360family123
        10
    f360family123  
    OP
       111 天前
    @xiaojie668329 要传泛型感觉也有点难受
    zhy0216
        11
    zhy0216  
       111 天前
    @f360family123 我也是 6 楼的写法
    xSearchType 的类型应该是有限的吧?你全部定义出来 然后一一对应
    写起来是麻烦点 之后维护会简单些的 别人一看就知道怎么回事
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2895 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 11:30 · PVG 19:30 · LAX 04:30 · JFK 07:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.