javascript - 我可以使用 require ('img.jpg' ) 在背景图像样式属性中加载本地服务器上的 img 文件吗？

Question

我可以使用 require('img.jpg') 在背景图像样式属性中加载本地服务器上的 img 文件吗？

要在我使用的本地服务器上的 react 应用程序中加载img文件 <img src= {require('./greenLine.jpg')}/>安装后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)'
}