Reactjs 如何在react css中设置背景img?

Reactjs 如何在react css中设置背景img?,reactjs,image,postcss,Reactjs,Image,Postcss,这就是我的目录的样子 我试过很多方法,比如 背景图像:url(“./pencil/pencil.png”); 背景图片:url(“./img/pencil/pencil.png”); 背景图片:url(“/pencil/pencil.png”); 背景图片:url(“/img/pencil/pencil.png”); 但所有这些都不能解决错误。 我在用邮政编码! 如何在css中显示图像 (在jsx文件中,我可以采用这种方式 src={window.location.origin+'/img/p

这就是我的目录的样子

我试过很多方法,比如

背景图像:url(“./pencil/pencil.png”);
背景图片:url(“./img/pencil/pencil.png”);
背景图片:url(“/pencil/pencil.png”);
背景图片:url(“/img/pencil/pencil.png”);
但所有这些都不能解决错误。 我在用邮政编码! 如何在css中显示图像
(在jsx文件中,我可以采用这种方式
src={window.location.origin+'/img/pencil/pencil.png'})

您需要将图像放在/src目录中,否则它将无法工作。

因此,当我在jsx上使用图像时,它可以工作,但在css文件上无法工作?天哪,它在jsx中工作吗?不应该。。