title: Correct way to inline style in JSX
body: <p>I am trying to do inline style for which following is working</p>
  
  <pre><code> &lt;dt className='some-element' style={{backgroundColor : '#1a1a1a', fill: '#1a1a1a'}}&gt;
  </code></pre>
  
  <p>Now I am trying to change the hex value every time so trying to have something like</p>
  
  <pre><code>let styleConfig = `backgroundColor : '${someColor}', fill: '${someColor}'`
  &lt;dt className='some-element' style={{styleConfig}}&gt;
  </code></pre>
  
  <p>But I am not getting seeing style being applied as the first one nor I get any console error.</p>
  
  <p>Any suggestion? </p>