TypeScript中是否可使用泛型Props变量实现动态导入?
问题背景
- 开发基础泛型组件阶段查阅了大量资料,核心需求为通过props向函数式组件传递对象数组
- 需要在函数式组件中使用来自Props的动态值,实现动态导入效果,期望的导入写法类似:
import MyDynamicName from "DynamicPath" // 目标示例代码 import myComponentName from myPathVar
- 核心疑问:在import语句中使用_props传入的变量是否可行,以及对应的落地实现方案
失败尝试记录
- 动态import写法测试
运行后直接报错提示模块无法找到,测试代码如下:
const path = '../../examples/tagsProjectsa.json'; const abc = import(`${path}`).then(data => { console.log(data); });
- 其他方案验证
- 经确认当前环境暂不支持泛型导入
- 尝试通过props传递interface未成功,无法通过该方式获取类型、直接定义泛型类型
最终可行方案
在props上定义type来传递泛型对象,即可完成泛型组件的需求实现,解决了此前无法通过传递interface获取类型、无法直接定义泛型类型的问题。
内容的提问来源于stack exchange,提问作者Mazout Mazout
相关产品推荐
相关产品推荐

