首页 > 其他 > 详细

react之本地图片引用

时间:2018-11-08 15:19:46      阅读:420      评论:0      收藏:0      [点我收藏+]

react之本地图片引用

<img src="../images/photo.png"/>  

这种写法在react中是不支持的,所以引用本地图片需要用import或者require。

方法一:

import imgURL from ‘./../images/photo.png‘;
...
<img src={imgURL } />

方法二:

<img src={require(‘./../images/photo.png‘)} />

当图片名称存储在json中的时候,require不能写变量,import from后面也不能写变量。所以就出问题了。

目前我的解决方法,把require里面的值前面加一个字符串。

const  img = require(‘../image/‘+this.props.data.imgName);
<img src={img}/>

 

 

 钻研不易,转载请注明出处。

react之本地图片引用

原文:https://www.cnblogs.com/s313139232/p/9929199.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!