¿Cómo puedo configurar la imagen de fondo de props. Probé diferentes variaciones pero no puedo hacer que funcione. css se muestra en html pero la imagen no se muestra.
const cover = "http://www.w3schools.com/css/trolltunga.jpg"; class App extends React.Component { render(){ return( <div> <h2>Hey</h2> <Child image = {cover} /> </div> ) } } class Child extends React.Component{ render(){ const style = { backgroundImage: "url("+this.props.image+")", backgroundSize: "100% 100%" } return( <div style={style}></div> ) } } ReactDOM.render( <App />, document.getElementById("app") ) <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.min.js"></script> <div id="app"></div>El problema es que tu div está empty , por eso la imagen background no está visible. pon algo de contenido dentro de eso, será visible, prueba esto:
<div style={style}>Add background</div> verifique el jsfiddle , su código funciona correctamente. Acabo de agregar la línea anterior en eso: https://jsfiddle.net/0z38gozj/