React.js中引入图片的几种方法

2022-10-10 11:05:54

方式一:将图片文件放置public文件夹中,img标签直接引入图片的绝对路径。
如图,文件夹目录如下
在这里插入图片描述
引入代码如下:

<img src="/assets/logo.png" alt="" className="logo"/>

方式二:通过css文件引入
注:引入的图片必须位于src文件夹内
1.创建src-resource文件夹,图片放置其中
在这里插入图片描述
2.css代码中引入

background:url('../../resource/assets/img/login-bg.png') center center no-repeat;
background-size:100%100%;
  • 作者:sophieLV1993
  • 原文链接:https://blog.csdn.net/sophieLV1993/article/details/106335737
    更新时间:2022-10-10 11:05:54