我试图放置 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>
)
我的代码是这样的。没有错误..但屏幕上也没有图像。
我该怎么办?谢谢
最佳答案
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);
关于javascript - React.js 图像未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39082849/