react 项目中引入图片的几种方式

引用本地图片

  • 导入图片路径
import Img from './images/1.png'
<img src={Img} alt='' />
  • 直接获取图片
<img src={require("./images/1.png")} alt="">

导入背景图

  • css 中用正常 css 语法
.img {
  background: url('./images/1.png') 0 0 no-repeat;
}
  • 组件中操作 style 属性
style={{background: `url(${require("./images/1.png")})`}}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容