如何将参数传递给 URL？

Question

我正在研究提供 CountryCode 的地理定位 API。我想将此国家代码传递给另一个显示图像的 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

问题

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

解决方案

使用template literal

<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`);