如何將參數傳遞給 URL？

Question

我正在研究地理定位 api，它給了我 CountryCode。 我想將此國家/地區代碼傳遞給另一個顯示圖像的 api。

<img src="http://www.geognos.com/api/en/countries/flag/{country_code}.png">

瀏覽器解釋的圖像是

http://www.geognos.com/api/en/countries/flag/%7Bcode%7D.png 

代替

http://www.geognos.com/api/en/countries/flag/US.png

我怎樣才能解決這個問題？ 可能的問題是什么？

Answer 1

問題

您正在提供/指定字符串文字。

解決方案

使用模板文字

<img src={`http://www.geognos.com/api/en/countries/flag/${country_code}.png`} />

 const country_code = "US"; console.log(`http://www.geognos.com/api/en/countries/flag/${country_code}.png`);