/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 vote394 views1 answer
React state as object
Javascript React
0 vote377 views1 answer
React input value set state on change
Javascript React
1 vote378 views1 answer
How to set limit in map in react hook
Javascript React
0 vote395 views1 answer
React native style variable
Javascript React
0 vote408 views1 answer
React if event.target is input
Javascript React
0 vote399 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote371 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
5 votes376 views2 answers
Lazy loading react
Javascript React
2 votes384 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
2 votes398 views1 answer
React native image source local file
Javascript React