Reactjs 按语言选择动态导入视频文件无效

我需要根据用户选择的语言找到将mp4s动态导入react组件的最佳方法

我认为延迟加载是一个诀窍，但在尝试使用react player实际播放视频时，这并没有达到预期效果

这是我目前的做法

// import a video file based on selected language
const videoPath = videoLoader.getVideosPathByLanguage('en'); //returns absolute path to appropriate language dir
const video1 = React.lazy(() => import(videoPath+"\\pad1.mp4"));
....
Render(){ 
   return <ReactPlayer
          url={video1}
          ref={(player) => (this.player = player)}      
          onError={(e) => console.log("onError", e.message)} // this is firing an error message of undefined
        />
}

//根据所选语言导入视频文件
const videoPath=videoLoader.getVideosPathByLanguage（'en'）//返回相应语言目录的绝对路径
const video1=React.lazy（（）=>import（videoPath+“\\pad1.mp4”）；
....
Render（）{
return（this.player=player）}
onError={（e）=>console.log（“onError”，e.message）}//这将触发一条未定义的错误消息
/>
}

我无法硬编码导入，因为有许多视频使用几种不同的语言，并且会随着时间的推移而增加。这也必须使用electronjs在脱机环境中运行

任何关于使用不同方法的想法都是受欢迎的