如何在React JS中正确设置backgroundImage的路径？

Question

插入img时，图像的路径将按预期工作：

import Background from "./img/bg.webp";
...
<div>
    <img className='bg' src={Background} />
</div> 

为backgroundImage属性使用相同的路径时，不会显示背景：

<div style={ { backgroundImage: "./img/bg.webp"}}></div> 

这是src文件夹结构： src folder structure

如何正确设置backgroundImage路径？

Answer 1

为div标签插入图像背景的方法有所不同。

对于div

<div style={ { backgroundImage: `url(${Background})`}}></div>