Как добавить фоновое изображение из локальной папки в контейнер

Как добавить фоновое изображение из локальной папки в контейнер

Я хочу установить фоновое изображение контейнера div из изображения из локальной папки. Кто-нибудь знает, что мне нужно добавить в мой код / ​​как отредактировать его, чтобы сделать это? В настоящее время изображение не отображается по какой-то причине.

 class Team extends React.Component{ render(){ let style = { backgroundRepeat: 'no-repeat', backgroundImage:'url("../images/Football_Field.png")', backgroundSize: '100% 100%', backgroundPosition: 'center', width: '100%', height: '100%', border: '2px dashed #333' } return ( {amp}lt;div className="container" style={style}{amp}gt; {amp}lt;i className="fas fa-tshirt"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/div{amp}gt; ) } } export default Team 

Изображение находится в папке ‘image’ внутри папки src. (/Src/images/Football_Field.png)

Путь к файлу компонентов Team : «/ src / components / Team».

Кто-нибудь также знает, как это сделать, если я вместо этого использую UI контейнерный класс?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector