title: Tint images in ReactJS
body: <p>So I have this React component where I pass the background image and the colour it should get as a tint via props. It looks like this:  </p>
  
  <pre><code>this.props.background = 'https://picsum.photos/650';
  this.props.color = '#E74C3C';
  
  &lt;div style={{
                  ...defaultStyle,
                  background: 'url(' + this.props.background + '), linearGradient(' + this.props.color + ',' + this.props.color')'
              }}&gt;
  </code></pre>
  
  <p>Problem is that it throws an error saying that it can't be compiled. Can you tell me how else I would apply the tint using css inline-styles? </p>