使用变量在组件中设置样式背景图像

Question

我正在将变量customPhoto传递到组件中，并希望在const bg内使用它以用于样式。下面的示例不起作用-我应该更改什么？

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

Answer 1

我在您的代码中看到的唯一变化是删除了网址前和结尾的大括号

更改

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

收件人

   backgroundImage: `url(${customPhoto})`

Answer 2

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