用变量反应动态导入文件

Question

我正在尝试使用变量加载文件

我当前的实施方式：

const map = {
  google: import('./svg/google.svg'),
  microsoft: import('./svg/microsoft.svg')
}
const Image = ({ name }) => {
  //assume map[name] always exists
  const Component = map[name];
  return (
    <Component />
  )
}

上面的代码片段非常有效。现在的要求是再增加400家公司。 好吧，我不想创建和维护具有400个键的地图。 所以我想知道是否还有更好的方法呢？即使用变量加载文件

类似

import(`./svg/${name}.svg`)