您好,欢迎访问一九零五行业门户网

react中图片如何引用

react中图片引用的方法:1、导入图片路径,代码为【import img from ./images/1.png】;2、直接获取图片,代码为【e5e1a12c3b10cad7557956de7f875b69】。
本教程操作环境:windows7系统、react17版、thinkpad t480电脑。
react中图片引用的方法:
第一种导入图片路径
import img from "./images/1.png"<img src={img} alt=""/>
第二种直接获取图片
<img src={require("./images/1.png")} alt=""/>
如果是背景图的话操作style
style={{background:`url(${require("./images/1.png")})` }}
相关学习推荐:js视频教程
以上就是react中图片如何引用的详细内容。
其它类似信息

推荐信息