title: inline style css background in react not showing
body: <p>What is the problem in my code? This is a slider: </p>
  
  <pre><code>&lt;Slider {...settings}&gt;
              {slides.map(function(item){
                  return (
                      &lt;div key={item.id} className="item-slider" 
                          style={{background: `url(images/covers/${item.cover})`}}&gt;
                          &lt;div className="caption"&gt;
                              &lt;h4&gt;{item.topic}&lt;/h4&gt;
                              &lt;p&gt;{item.title}&lt;/p&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                      )  
              })}
          &lt;/Slider&gt;
  </code></pre>
  
  <p>I'm using <code>react-slick</code>, and I tested if the <code>item.cover</code> is receiving some data, and it did receive data. but when I put the data in the style it does not appear inspecting it and it does not receive any errors.  </p>
  
  <p>Sample: <a href="https://codesandbox.io/s/5v0308l68k" rel="nofollow noreferrer">code here</a> </p>