f360family123

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

  •  
  •   f360family123 · Mar 7, 2022 · 2916 views
    This topic created in 1560 days ago, the information mentioned may be changed or developed.

    image-20220307170919454

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

    ```typescript
    type Column = { xSearchType: 'input' | 'other' | 'other-other' }
    | { xSearchType: 'select', xSearchItems: any[] }
    ```
    zhy0216
        5
    zhy0216  
       Mar 7, 2022
    应该可以用 conditional type
    voidcomma
        6
    voidcomma  
       Mar 7, 2022
    ```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  
       Mar 7, 2022 via iPhone
    没学过 ts 的好奇问一下,参数名前面都带个 x 是有什么用途
    f360family123
        8
    f360family123  
    OP
       Mar 7, 2022
    @zhy0216 看了下文档,没想出来怎么实现
    f360family123
        9
    f360family123  
    OP
       Mar 7, 2022
    @zhihaofans 我随手写的..,跟 ts 没关系
    f360family123
        10
    f360family123  
    OP
       Mar 7, 2022
    @xiaojie668329 要传泛型感觉也有点难受
    zhy0216
        11
    zhy0216  
       Mar 7, 2022
    @f360family123 我也是 6 楼的写法
    xSearchType 的类型应该是有限的吧?你全部定义出来 然后一一对应
    写起来是麻烦点 之后维护会简单些的 别人一看就知道怎么回事
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2691 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 15:26 · PVG 23:26 · LAX 08:26 · JFK 11:26
    ♥ Do have faith in what you're doing.