如何将参数传递给 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`);