/Javascript/React/How to change background image dynamically in react

How to change background image dynamically in react

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>
  )
}

Source: stackoverflow.com

Similar codes

0 vote171 views1 answer
Inline style to change background color react
Javascript React
0 vote220 views1 answer
Corousal in react
Javascript React
116 votes192 views6 answers
Bootstrap react
Javascript React
0 vote177 views1 answer
Nested arrays reactjs tables
Javascript React
0 vote191 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote177 views1 answer
React native scrollbar position issue
Javascript React
1 vote192 views1 answer
React material ui classname
Javascript React
2 votes174 views1 answer
React add gradient top to bottom
Javascript React
0 vote201 views2 answers
React native icons in one file
Javascript React
0 vote169 views1 answer
Install reactivesearch
Javascript React