React项目中行内设置背景图片

#1

在render里：

    const bg = {
         height: '100%',
         background: `url(${require("../static/b2.jpg")})`,
     };

行内引用是可以显示背景图片的。但是require里面是动态的。这该怎么写。下面两种肯定都是不行的。

         background: `url(${require(data.imgUrl)})`,
         background: `url(${require(`${data.imgUrl}`)})`,

求解：

#2

如果是 Webpack 打包, Webpack 是处理不了这样动态的变量的, 打包的时候.

你说的具体场景不了解.

#6

var bg = {
backgroundImage:‘url(’+ data.imgUrl +’)’;
}

上面这样url能获取到,但是图片显示不出来。。变量不是动态的，url是动态的。。 map了数据生成data，url就是data里拿的

#7 
var bg = {
backgroundImage:'url('+ data.imgUrl +')';
}
<img style={bg} />

这样是可以的