/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

25 votes219 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote208 views1 answer
React js child css
Javascript React
0 vote217 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote201 views1 answer
React js loop through array of objects
Javascript React
1 vote207 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote318 views1 answer
React include a polyfill webpack v5
Javascript React
0 vote217 views1 answer
Convert table to excel reactjs
Javascript React
2 votes204 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote228 views1 answer
Convert integer month to string month react native
Javascript React
0 vote209 views3 answers
How to serve React JS static files with express JS?
Javascript React