动态引用Webpack中的导入

Question

这是问题所在： 我想根据传递的道具动态引用图像/文件导入。比如说，如果prop是“imageA”，那么选择imageA，对于imageB，同样选择imageA。

我正在使用url-loader在webpack中加载图片路径。

import imageA from "../imgs/A";
import imageB from "../imgs/B";

const component=({ imageName /* will be either "imageA" or "imageB" */ }) => 
   // Select either imageA or imageB 
   // depending on the imageName
    <img src={imageName} />

我可以在不创建所有图像的对象映射并使用switch case选择正确的导入的情况下执行此操作。