我正在尝试根据一些可变数据来访问URL。
{
this.state.countries.map((country, key) => {
return <a key={country.iso2}>
<img src="https://www.countryflags.io/{country.iso2}/shiny/24.png" />
</a>;
});
}
上述网址中的值{country.iso2}是动态的。请帮助我正确设置网址格式。
使用jsx时，必须添加花括号，然后添加模板文字，然后添加包围的变量${}，如下所示：
let country = { iso2: "au" };
ReactDOM.render(
<img src={`https://www.countryflags.io/${country.iso2}/shiny/24.png`} />,
root
);<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句