title: use conditional inside style inside render
body: <p>I have this render and I have notification.isError in props, but I don't know how to use conditional to print a value inside background value, to get different colors accord to the property is Error.</p>
  
  <p>I get "Unexpected token"</p>
  
  <pre><code>  render() {
      return (
        &lt;div style={{ padding: '4px 10px 1px 10px',
          fontSize: '16px',
          backgroundColor: {return (this.props.notification.isError?'red':'black')},
        }}
        &gt;
  </code></pre>
  
  <p>I've tried this too:</p>
  
  <pre><code>const bgcolor = (this.props.notification.isError?'red':'black');
  return (
    &lt;div style={{ padding: '4px 10px 1px 10px',
      backgroundColor: {bgcolor},
    }}
  </code></pre>
  
  <p>but backgroundColor is not showed on the browser; it's like react don't like the way to send the value</p>