react.js 图片未加载

Question

我正在尝试放置 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>
      )

我的代码是这样的。没有错误..但屏幕上也没有图像。

我该怎么办？谢谢

Answer 1

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

确实有效。您能在 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);

react.js 图片未加载

react.js image is not getting loaded

javascript

image

background-image

reactjs