title: Inline style based off JSON value React
body: <p>I am pulling in JSON and mapping it successfully in a React component. However one of the JSON values is a HEX and I want to apply that HEX as an inline style to the background color of one of my <code>div</code>s.</p>
  
  <p>I have tried a bunch of ways but I though it could be done like this. </p>
  
  <pre><code>&lt;div className="ribbon-wrapper"&gt;
   &lt;div className="ribbon" style={{backgroundColor: {item.color.tint}}}&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This throws a <code>Syntax error: Unexpected token, expected ,</code> error. Is there a better way to do this?</p>