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

Question

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

在我使用的本地服务器上的react应用程序中加载img文件 <img src= {require('./greenLine.jpg')} /＆gt; 安装url-loader和file-loader后。

这很好用，但我想在样式对象中使用img文件，例如 - const divBkground = { backgroundImage: require('url(./greenLine.jpg)')}

这不起作用。有人可以建议吗？

感谢..

Answer 1

当您尝试为背景图像定义样式时，无需使用require。只需简单的backgroundImage: 'url(./greenLine.jpg)'就可以了。

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