我希望我的页面看起来like this。问题是idk如何插入图像和在哪里。我在css中试过但我无法调整它的大小：
[class="1"]::before {
content:url(FirstPlace.png);
}
我遇到了问题，因为我不知道是否应该使用与我key和className topRank <img src=${topRank}.png相同的数字名称来命名图像并将其传递给class TopTracks extends Component{
componentWillMount(){
this.props.getMyTopTracks(getHashParams())
}
render(){ //ver el tema de la key en https://reactjs.org/docs/lists-and-keys.html
let link = `${ window.location.href }`
link = `/prueba/${link.substring(link.indexOf('#'))}`
let topRank = 0
const map1 = this.props.myTopTracks.map( (myTopTrack) =>
<div key={++topRank} className={topRank}>
<h3>{ myTopTrack.myTopTrackName }</h3>
<img src={ myTopTrack.myTopTrackImage } alt="Top Track Album" style={{ width: 300 }} />
</div>
)
return(
<div className="TopTracks">
<h1>Your Most Played Songs!</h1>
{map1}
<Button href={ link }>Continue</Button>
</div>
)
}
}
。 Idk如何实现这个或者是否有更好的方法。
这是我的代码：
{{1}}
我在Google Chrome（微软）中使用React和Redux