/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

8 votes250 views3 answers
Disable eslint for react project
Javascript React
0 vote234 views3 answers
Router dom react v6
Javascript React
0 vote284 views1 answer
Reactjs exemple function component
Javascript React
4 votes255 views1 answer
Reactjs onclick open new page
Javascript React
0 vote247 views1 answer
Dispatch event not working react native redux
Javascript React
0 vote170 views2 answers
React refresh page not found
Javascript React
0 vote238 views2 answers
Airbnb react native eslint
Javascript React
1 vote270 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote271 views1 answer
React router nested routes active
Javascript React
2 votes252 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React