】。">
您的位置:首页 > 技术中心 > 前端框架 >

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其它相关文章!

本类排行

今日推荐

热门手游