title: Can't use inline backgroundImage in ReactJS
body: <p>Realised the proper way to change styles in React is by keeping them in the store.</p>
  
  <p>I did just that but now React just wont render the proper background, only shows white one.</p>
  
  <p>I configure store this way:</p>
  
  <pre><code>const stylesDefaultState = {
      background:{
          beds: './assets/bedsA.jpg'
      }
  }
  </code></pre>
  
  <p>I access this via props in the component:</p>
  
  <pre><code>    let bedsBackgroundImage = `url(${this.props.styles.background.beds})`
  
      let bedsStyle = {
          backgroundImage: bedsBackgroundImage
      }
  
  
      return(
          &lt;div id='beds'  style={bedsStyle}&gt;
      )
  </code></pre>
  
  <p>And this and any other similiar approach won't work. I check whats going on in the devtools and it looks okay (although its slashed by devtools) but still wont cooperate. Picture:
  <a href="http://prntscr.com/hdfxgh" rel="nofollow noreferrer">http://prntscr.com/hdfxgh</a></p>
  
  <p>I could try different approach, but any other I came up with ends up not being held in store, which means that when I exit this component in the browser (by going to a different page for example) the style gets reset to default, and I need the ability to change it AND save it, that's why I used redux for that.</p>
  
  <p>Edit:
  It works when I ling to the image hosted somewhere, but still cant force it to work when specifing a path to the file. If only I got any error, clues on what's wrong, but it looks like it should be working.</p>