图的来源应该是动态的

Question

如何使用React加载img src动态？ 我尝试了以下方法：

 const country = this.state.countryCode;
 <img src="https://www.countryflags.io/"+country+"/shiny/64.png"/>

但是我得到了错误：

  

    

解析错误：意外的令牌

  

Answer 1

这不是特定于React的，因为您的src中有+。

使用带有反引号的字符串template literal：

src=`https://www.countryflags.io/${country}/shiny/64.png`

Answer 2

您忘记了花括号。另外，您可以在之前创建url字符串并使用它：

 const url = "https://www.countryflags.io/"+this.state.countryCode+"/shiny/64.png";
 <img src={url}/>