在html文件中，可以直接<img src='./roadBook.png' />

但是在jsx文件中，不支持这种写法

必须这样写

在css样式中

App.css
.img{background: url('./img/roadBook.png')
}App.js
import './App.css';<div className='img'></div>

1.基于es6Module

//导入
import logo from '../assets/images/home/logo.png'
//src下使用<img className={"logoStyle"} src={logo} alt=""/>

2.require方法引入

<img className={"logoStyle"} src={require('../assets/images/home/logo.png')} alt=""

区别