ReactJS change l'image de fond dynamiquement?
J'ai essayé de changer l'image de fond de style de façon dynamique pour la div suivants:
Voici mon composant pour le changer,
render: function() {
var divImage = {
backgroundImage : "url(" + this.state.song.imgSrc + "),url(" + this.state.nextImgSrc + ");"
};
return (
<li>
<div ref="image-pane" className="player" style={divImage}></div>
</li>
)
}
Merci pour l'aide
source d'informationauteur rabishah
Vous devez vous connecter pour publier un commentaire.
Vous n'avez pas spécifié lorsque vous souhaitez modifier
backgroundImage
j'ai donc créé une version qui change aveconClick
:Avis que
backgroundImage: 'url(' + imgUrl + ')'
ne doit plus avoir de point-virgule de fin, en fait, le point-virgule de fin sera la cause de Réagir afin de sensibiliser et d'erreur.Cela est causé par le point-virgule de fin de votre style. Voir réagir questions #2862.