使用reactjs添加背景图像

Question

import Background from './img/steamledges.jpg';

const myStyles = {
     backgroungImage: `url( ${Background} )`,
     height: '50vh', 
     backgroungSize: 'cover',
}

我尝试使用此代码，但没有用。

Answer 1

我从您的问题中了解到，您是否要使用内嵌样式backgroundImage添加图片？

那呢？而不是将图像用作组件，因为它不起作用。导入它们时，只能将SVG用作组件。 检查一下：

`backgroundImage: require('./path/to/your/img.extension)`

告诉我您是否解决了问题