react img标签引入图片的几种方式

react src里面引入图片的几种方式,es6不支持在标签内直接写图片的路径,即

常用的两种引用方法 import和require

(1)import 方法:

import imageU from '../../assets/images/head_icon.png';
<img src={imageU } />

(2)require 方法 (这种方法需要注意的是,require里只能写字符串,不能写变量)

<img src={require('../../assets/images/head_icon.png')} />
发布了14 篇原创文章 · 获赞 0 · 访问量 598

猜你喜欢

转载自blog.csdn.net/weixin_45582052/article/details/105193740
今日推荐