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

Have you tried somthing like this : 

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

    background: 'url('+ imgUrl + ') noRepeat center center fixed',
    backgroundSize: 'cover',
}

Inspired from this post: Stretch and scale a CSS image in the background - with CSS only