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

关于 TypeScript 中的类型问题

  •  
  •   Yukee798 · 2021-03-21 15:22:25 +08:00 · 1141 次点击
    这是一个创建于 1372 天前的主题,其中的信息可能已经有所发展或是发生改变。
    const mapStateToProps = (state: IState): IMappedState => ({
        fileList: state.fileList,
        isFileSearch: state.isFileSearch,
        filterIds: state.filterIds,
        openedFilesId: state.openedFilesId,
        activedId: state.activedId,
        
    });
    

    这里的 IState 是 rootState 的接口,然后 IMappedState 是给 IState 加了层 Partial 让其全部变为可选属性,我是希望在组件里面使用 redux 中的状态的时候能够有更好的变量提示,但是这个组件也不需要使用 redux 中的所有状态,所以将 IState 变成了可选属性,这样确实有清晰的代码提示了,但是这些变量的类型变成了 ?? | undefined,每次使用的时候都需要判空强转类型,有点不方便,请问有什么办法能够解决这个问题吗?

    2 条回复    2021-03-21 17:25:18 +08:00
    felixin
        1
    felixin  
       2021-03-21 15:46:23 +08:00   ❤️ 1
    不用写返回类型,直接让编译器类型推断出来,或者写 Pick<IState, 'xxx' | 'yyy' | 'zzz'>
    Yukee798
        2
    Yukee798  
    OP
       2021-03-21 17:25:18 +08:00
    @felixin 感谢,刚刚去补充了一下 TS 里面的一些对象工具类型,目前解决办法是使用 Pick<IState, StateTypes.xxx>,用了一个枚举定义了一下状态的名称,然后对于 mapDispatchToProps 里面的方法也同理使用 Pick<IDispatchAction, ActionTypes.xxx>
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2970 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 13:13 · PVG 21:13 · LAX 05:13 · JFK 08:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.