/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 vote268 views1 answer
Dull or blur a background image in react native
Javascript React
0 vote218 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
0 vote287 views1 answer
Websocket with Node and React
Javascript React
2 votes267 views2 answers
Horizontal divider react native
Javascript React
0 vote254 views1 answer
React native how to pass id from list to function
Javascript React
4 votes290 views1 answer
How to add oAuth google signin in react native app
Javascript React
151 votes375 views6 answers
Install react js
Javascript React
1 vote288 views2 answers
Generate apk debug react native
Javascript React
10 votes264 views2 answers
React text input onchange
Javascript React
1 vote275 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React