Javascript React组件中的渲染样式元素

我试图在React中呈现以下代码行

 <div className="img" style={{background-image: url(image.src)}}></div>

---

我得到了一大堆解析错误。如果你能帮我找到正确的反应式语法，我将不胜感激。

backgroundImage

需要是

backgroundImage

，然后你需要对url{{{backgroundImage:`url（${image.src}）`}进行字符串插值

否则，当解析它时，react会认为url是一个函数，并尝试使用image.src调用它

这也会起作用

var image = "url(" + image.src + ")";
var style = {backgroundImage: image};
<div className="img" style={style}></div>

var image=“url（“+image.src+”）；
var style={backgroundImage:image}；

backgroundImage

需要是

backgroundImage

，然后需要对url{{backgroundImage:`url（${image.src}）`}进行字符串插值

否则，当解析它时，react会认为url是一个函数，并尝试使用image.src调用它

这也会起作用

var image = "url(" + image.src + ")";
var style = {backgroundImage: image};
<div className="img" style={style}></div>

var image=“url（“+image.src+”）；
var style={backgroundImage:image}；