我正在try 访问一个静态图像,以便在React的内联backgroundImage
属性中使用.不幸的是,我对如何做到这一点已经一窍不通了.
总的来说,我以为你只是做了如下事情:
import Background from '../images/background_image.png';
var sectionStyle = {
width: "100%",
height: "400px",
backgroundImage: "url(" + { Background } + ")"
};
class Section extends Component {
render() {
return (
<section style={ sectionStyle }>
</section>
);
}
}
这适用于<img>
个标签.有人能解释一下这两者的区别吗?
例子:
<img src={ Background } />
就行了.
非常感谢.