добавить встроенный стиль с фоновым изображением

Question

Я пытаюсь добавить фон в фотошопе, чтобы некоторые реагируют компонент, как этот

var imageStyle = { 
    color: '#fff', 
    backgroundImage: 'url(' + { this.props.top_room.avatar } + ')', 
    background: 'bottom right 15% no-repeat #46B6AC;' 
}; 

var TopRoom = React.createClass({ 
    render: function() { 
    return (
     <div className="mdl-card mdl-shadow--2dp demo-card-square"> 
     <div className="mdl-card__title mdl-card--expand" style={imageStyle}> 

, но он не работает. Как добавить это изображение?

Answer 1

В этом случае вам не нужно использовать фигурные скобки.

Что-то, как это должно работать

var imageStyle = { 
    color: '#fff', 
    backgroundImage: 'url(' + this.props.top_room.avatar + ')', 
    background: 'bottom right 15% no-repeat #46B6AC;' 
};