リアクションボタンに背景画像が設定されていません

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

あなたはx.image変数に含まれていることがない限り、あなたは

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

を行う必要があります。より多くのコードを提供することで、これが明確になります。