react中图片如何引用
时间:2020-12-11 12:22
react中图片引用的方法:1、导入图片路径,代码为【import Img from "./images/1.png"】;2、直接获取图片,代码为【<img src={require("./images/1.png")}alt=""/>】。
本教程操作环境:windows7系统、React17版,该方法适用于所有品牌电脑。
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中图片如何引用的详细内容,更多请关注www.gxlsystem.com其它相关文章!