Javascript 未加载react.js映像

我试图把背景图像的div，但没有任何工程为我。 我对react.js很陌生

控制台中也没有错误。（路径正确）

我的代码是这样的。 我使用的是jsx文件格式

     render() {

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

     return (

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

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

render（）{
变量divStyle={
背景图片：“url（'desktop_wallpaper_by_maria_shanina.png'）”
}
返回(


)

Mycode是这样的。没有错误。但屏幕上也没有图像

我该怎么办？谢谢

它确实有效。你能在css检查器中看到这种样式吗

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);

var mountNode=document.getElementById（'app'）；
log（mountNode、React、ReactDOM）；
var hellomemessage=React.createClass({
render:function（）{
变量样式={
边框：“1px实心”，
颜色：“fff”，
高度：“200px”，
背景图片：“url(https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg)"
};
返回(
已用秒数：
);
}
});
render（，mountNode）；

它确实有效。你能在css检查器中看到这种样式吗

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);

var mountNode=document.getElementById（'app'）；
log（mountNode、React、ReactDOM）；
var hellomemessage=React.createClass({
render:function（）{
变量样式={
边框：“1px实心”，
颜色：“fff”，
高度：“200px”，
背景图片：“url(https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg)"
};
返回(
已用秒数：
);
}
});
render（，mountNode）；

检查元素并查看样式中是否正确加载了背景图像样式。这可能是高度/宽度问题。我没有包括任何高度和宽度。如果必须这样做。我如何做到这一点取决于您需要完成什么，但请尝试添加到

divStyle

200px高度和宽度，例如tak它仍然不起作用，人…映像的大小相当大，所以我认为这没有问题检查映像的路径是否正确，反应生成并在生成路径中部署资产和文件，如“/build”，您是否查看了此路径以检查路径是否正确，它可能类似于“../assets/desktop\u wallpaper\u by\u maria\u shanina.png”"？如果你正在使用某些东西来构建项目，例如webpack，你确定你有正确的加载程序吗？检查元素并查看样式中是否正确加载了背景图像样式。这可能是高度/宽度问题。我没有包括任何高度和宽度。如果必须这样做。我如何做取决于你需要什么d来完成，但试着添加到

divStyle

200px高度和宽度，然后从那里开始。它仍然不起作用…映像的大小相当大，所以我认为这不是问题检查映像的路径是否正确，反应生成并在生成路径中部署资产和文件，如“/build”，您是否查看了此路径以检查路径是否正确，它可能类似于“../assets/desktop\u wallpaper\u by\u maria\u shanina.png”？如果您正在使用一些东西来构建项目，例如webpack，您确定您有正确的加载程序吗？