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

引用本地图片

  • 导入图片路径
import Img from './images/1.png'

  • 直接获取图片

导入背景图

  • css 中用正常 css 语法
.img {
  background: url('./images/1.png') 0 0 no-repeat;
}
  • 组件中操作 style 属性
style={{background: `url(${require("./images/1.png")})`}}

你可能感兴趣的:(react 项目中引入图片的几种方式)