Question

我想以MPA动态方式对图像进行修饰。为此，我的渲染方法中包含以下代码：

const liste = this.state.expatListe.map((expat,index) =>
<Col md={1} xs={12} className="karten" key={index} >
  <span className="KarteVorNachname">
  <img src="https://www.countryflags.io/${expat.Code}/flat/64.png"/>
  <h5 className="kuerzen">{expat.First_Name}</h5>
  <h2 className="kuerzen">{expat.Last_Name}</h2>
  <Grid item xs={12}>
         <EmailIcon style={{ fontSize: 30,margin:"10px" }}  />
         <DeleteForeverIcon  style={{ fontSize: 30,margin:"10px" }} />
         <DeleteForeverIcon  style={{ fontSize: 30,margin:"10px" }} />
       </Grid>
    <h5>{expat.Comments}</h5>
</span>
</Col>

因此，Image应该使用来自地图的值加载src。那我该怎么办呢？

$ {}仅适用于带有反勾（``）try ;;定义的字符串;

source={'https://www.countryflags.io/${expat.Code}/flat/64.png'}带有反引号

Answer 1

rsyslog

只用花括号

在地图功能中动态加载图像

1 个答案: