Obtengo una matriz con objetos de mongodb con react.js y creo una lista de clasificación con mapa, ordenada por calificación.
{album && album.map && album.map((d) =><Link className="link" to={{ pathname: "/itemPage/" + d.id, album: d}}>{d.isSingle? <ul className={"listNumber"}> <span className={"info"}>{i++}. {d.artist} - {d.title}<b className={"rating"}>{getRating(d)}</b></span> </ul> : ""}</Link>)}funciona maravillosamente y mi lista se ve así con 4 objetos.
Ahora me gustaría incluir la condición, que los primeros 3 rankings deben incluir un img. Guardo el img para cada objeto, por lo que es fácilmente accesible con
<img src={d.imgSmall}/>el objeto se parece a esto.
artist: "Eminem" id: "61a9474968f7d778e3ee73f4" imgSmall: "https://i.scdn.co/image/ab67616d00001e0255f592593d746c4fd1fa5ae9" isSingle: true rating: 8.5 reviews: (2) [{…}, {…}] title: "xxx"Mi problema es que solo puedo hacer que funcione para que cada entrada incluya el img.