title: React: Change 'background-position' based on API endpoint value?
body: <p>I have an API endpoint that looks like this:</p>
  
  <pre><code>{ "backgroundPos" : "center" }
  </code></pre>
  
  <p>Each logged in user will have this endpoint and its value associated with their account. What I'm trying to figure out is how to insert backgroundPos's value into <code>&lt;div&gt;</code>, something like this:</p>
  
  <pre><code>React.createClass({
          var divStyle = {
              backgroundPos: 'center'
          }
  
          return (
              &lt;li&gt;
                  &lt;div style="background-position: {divStyle}&gt;&lt;/div&gt;
              &lt;/li&gt;
          )
      }
  });
  </code></pre>