react.js Bild wird nicht geladen

Question

Ich versuche, das Hintergrundbild des Div setzen, aber nichts funktioniert für mich. Ich bin ganz neu

react.js

Es gibt keine Fehler in der Konsole auch. (Pfad korrekt ist)

Mein Code wie folgt dergleichen. I jsx Dateiformat

 render() { 

    var divStyle = { 
     backgroundImage: "url('desktop_wallpaper_by_maria_shanina.png')" 
    } 

    return (

     <div className="background" style={divStyle} > 

      <div id="loginpanel"> 
       <br/> 
     </div> 
     </div> 
    ) 

MyCode bin mit ist wie diese. kein Fehler .. aber es ist auch kein Bild auf dem Bildschirm.

Was soll ich tun? Dank

Answer 1

http://codepen.io/jmsherry/pen/mEYRLW?editors=0010

Es funktioniert. Kannst du diesen Stil in deinem CSS-Inspektor sehen?

var mountNode = document.getElementById('app'); 
console.log(mountNode, React, ReactDOM); 

var HelloMessage = React.createClass({ 
    render: function() { 
    var styles = { 
     border: "1px solid", 
     color: "#fff", 
     height: "200px", 
     backgroundImage: "url(https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg)" 
    }; 
    return (
     <div style={styles}>Seconds Elapsed:</div> 
    ); 
    } 
}); 

ReactDOM.render(<HelloMessage name="John" />, mountNode);