set style background-image in the component using a variable

Question

I'm passing a variable customPhoto into the component and want to use it inside the const bg to use in the style. The example below doesn't work - what should I change?

let bg = {
            backgroundImage: {`url(${customPhoto})`}
        };

Answer 1

The only change I could see in your code is that remove curly brackets before url and at the end

Change

   backgroundImage: {`url(${customPhoto})`}

To

   backgroundImage: `url(${customPhoto})`

Answer 2

您也可以执行inline-css <div style={{ backgroundImage: `url(${customPhoto})` }}>