我可以使用require（'img.jpg'）在background-image样式属性内在本地服务器上加载img文件吗？

Question

Can I use require('img.jpg') to load img file on local server within background-image style property?

To load img files in a react app on a local server I use <img src= {require('./greenLine.jpg')} /> after installing url-loader and file-loader .

This works great, but I want to use the img file in a style object, like - const divBkground = { backgroundImage: require('url(./greenLine.jpg)') }

This doesn't work. Can someone advise?

THANKS..

Answer 1

You need not use require when you try to define a style for background image . Just the simple backgroundImage: 'url(./greenLine.jpg)' works fine

const divBkground = { 
    backgroundImage: 'url(./greenLine.jpg)'
}