Javascript动态导入设置图像

我正在使用react并尝试导入图像，然后动态显示它们

import DE from 'assets/flags/flag_DE.png';
import US from 'assets/flags/flag_US.png';
import GB from 'assets/flags/flag_GB.png';


const countries = [
  {
    code: DE
  },
  {
    code: GB
  },
  {
    code: US
  }
];

然后在我的渲染方法中，我在国家上循环，并希望根据国家代码显示国旗

<img src={country.code} />

---

这里的问题是，它将src设置为

'DE'

，

'US'

和

'GB'

您将国家代码传递给

src

，而不是图像路径。您应该在

国家/地区

中查找图像。我可以将

国家的结构更改为对象（或地图），以便按国家名称轻松访问图像。例如：

const countries = { DE, GB, US };

<img src={countries[country.code]} />

const countries={DE，GB，US}；