title: React Passing props to background url in template literal
body: <p>I am learning React and I've run into a snag that I can't seem to fix.  In my component that I want the background rendered, I have:</p>
  
  <p><code>&lt;BgBackground style={{background: 'url(</code>{this.props.bg}<code>)' }} /&gt;</code></p>
  
  <p>And it takes in it's props from another component with:</p>
  
  <p><code>&lt;BgImage bg="about" /&gt;</code></p>
  
  <p>I'm writing out my template literal (or interpolation?) incorrectly, I know.  I've tried everything such as: </p>
  
  <pre><code>{{backgroundImage: `url( "${this.props.bg}" )` }} /&gt;  
  </code></pre>
  
  <p>And I cannot make it work, what am I doing wrong? Thanks for your help!</p>
  
  <p>(back tics are included, they don't render in StackO)</p>