Set background in React.js using style

Question

I want to add a background image in React.js by using a style definition, which works:

let imgUrl = \'images/berlin.jpg\'    
let styles = {
        root: {
             


        

Answer 1

This works:

    let imgUrl = 'images/berlin.jpg'
    let styles = {
        root: {
            backgroundImage: 'url(' + imgUrl + ')',
            backgroundSize: 'cover',
            overflow: 'hidden',
        },
        ...