Javascript导入动态设置图像

Question

我正在使用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'