JavaScriptのインポートセットイメージを動的に

Question

私はreactを使用してイメージをインポートし、それらを動的に表示しようとしています。

私のレンダリング方法では、国をループし、国コードに基づいてフラグを表示したいとします。

<img src={country.code} /> 

ここでの問題は、それはあなたがsrc、ない画像パスに国コードを渡している'DE'、'US'と'GB'

Answer 1

としてSRCを設定していることです。 countriesの画像を参照する必要があります。 countriesの構造をオブジェクト（またはマップ）に変更して、国名別の画像に簡単にアクセスできるようにする必要があります。たとえば、

const countries = { DE, GB, US }; 

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