没有为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

你需要做

%j

除非你有x.image变量中包含的内容。提供更多代码将澄清这一点。