在react中引入本地图片的两种方式。
方式一、非背景图片引入方式
（1）-直接在img标签内部src中使用
<img src={require('图片路径')} />
（2）import导入
import imgsrc from '图片路径'<img src={imgsrc} />
方式二、图片作为背景引入
（1）render()方法内定义为对象
const bgground { display: 'inline-block', height: '40px', width: '40px', background: `url(${require("图片路径")})`}// 在return中使用<span style={bgground}>xxxxx</span>
（2）import引入
import imgurl from '图片路径'// render()中定义为对象const bgground = { display: 'inline-block', height: '40px', width: '40px', backgroundimage: 'url(' + imgurl + ')'}//在return中使用<span style={bgground}>xxxxx</span>
相关推荐：react教程
以上就是如何在react页面中引入本地图片的详细内容。