未为 React 按钮设置背景图像

Question

我有 6 个正在映射的按钮，我想为每个按钮设置背景。

button(x) {
    console.log(x.image) # Gives correct URL for image for button
    var modalButton = {
        backgroundImage: x.image
    }

    return (
        <Button style={modalButton}>Clickity Click</Button>
    )
}

render() {
    <div>
        {_(this.state.data).map((x) => this.button(x))}
    </div>
}

但是，这不起作用。据我所知，backgroundImage 没有破折号是内联 CSS 的正确语法。

Answer 1

你需要做的

var modalButton = {
    backgroundImage: 'url(' + x.image + ')'
}

除非您将其包含在 x.image 变量中。提供更多代码将澄清这一点。