React.js中引入图片的几种方法
方式一:将图片文件放置public文件夹中,img标签直接引入图片的绝对路径。
如图,文件夹目录如下
引入代码如下:
<img src="/assets/logo.webp" alt="" className="logo" />
方式二:通过css文件引入
注:引入的图片必须位于src文件夹内
1.创建src-resource文件夹,图片放置其中
2.css代码中引入
background: url('../../resource/assets/img/login-bg.webp') center center no-repeat; background-size: 100%;
更多相关技术文章,请访问HTML中文网!
以上就是react怎么放入图片的详细内容,更多请关注易知道|edz.cc其它相关文章!