渲染React组件内的样式元素

Question

我试图在React中渲染以下代码行。

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

我得到了一连串的解析错误。非常感谢帮助我们获得正确的React＆＃39; ive＆＃39;这个语法。

Answer 1

background-image需要backgroundImage，然后你需要在网址上进行字符串插值{{backgroundImage：`url（$ {image.src}）`}}

否则当解析你现在如何拥有它时，反应会认为url是一个函数并尝试用image.src调用它。

这也可行

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