首页 > 解决方案 > 在泛型函数 [typescript] 中推断导入的模块默认类型

问题描述

我有一个简单的模块如下:

// my-module.ts

interface IProps {
  prop1:string;
  prop2:string;
}

const someData:IProps = {
   prop1:'val1',
   prop2:'val2'
} ;

export default {
  someData:someData,
  title:'someTitle'
};

假设我无权访问IProps接口,我可以访问这样的someData类型:

import * as myModule from '../my-module.ts';

type SomeDataType = typeof myModule.default.someData;

但是,我想传递myModule给一个通用函数并使用如下someData键:

import * as myModule from '../my-module.ts';
import { getPropValue} from '../helper.ts';

var val = getPropValue(myModule, 'prop1');

和通用功能:

// helper.ts

export function getPropValue<T>(module:T, propKey: keyof ? ) { // T.default.someData !!!
  return module.default.someData[propKey];
};

如何访问default.someData泛型函数参数中的类型以获取对象键?

标签: typescriptgenericstype-inference

解决方案


这是我如何做到的:

// helper.ts
type ModuleDefault = { default: { someData: {} } };
export function getPropValue<T extends ModuleDefault>(module:T, propKey: keyof T['default']['someData'] ) {
};

推荐阅读