react 引入图片的两种方式

2022-10-08 12:05:19

react src里面引入图片的几种方式,因为es6不支持在 img 标签内直接写图片的路径,如 img src="…/images/photo.png"/ 会引入不了,解决方法如下:

(1)第一种:import 方法:如果该图片反复调用建议使用import 引入方法

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

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

<img src={require('./../images/photo.png')} />
  • 作者:一行代码三个bug的人
  • 原文链接:https://blog.csdn.net/weixin_46193248/article/details/108640021
    更新时间:2022-10-08 12:05:19