渲染React组件内的样式元素

Question

我正在尝试在React中呈现以下代码行。

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

我得到了一连串的解析错误。 非常感谢在这个问题上获得正确的React'ive'语法方面的一些帮助。

Answer 1

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

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

这也行得通

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