You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.28 04:03:31