设置背景图像反应

Question

<div style={{backgroundImage: 'url(this.state.image)'}}>Hello World!</div>

这是我的代码。它不起作用。我试图根据发送到组件的道具来设置背景。

Answer 1

尝试使用模板字符串而不是普通字符串：

style = {{backgroundImage: `url(${this.state.image})`}}

或

style = {{backgroundImage: 'url(' + this.state.image + ')'}}