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에 대한 올바른 구문입니다. 당신이 x.image 변수에 포함하지 않는 한

Answer 1

당신은

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

할 필요가있다. 더 많은 코드를 제공하면이를 분명하게 알 수 있습니다.