Rumah > Artikel > hujung hadapan web > 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视频教程
Atas ialah kandungan terperinci react中图片如何引用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!