react中图片如何引用

react中图片引用的方法：1、导入图片路径，代码为【import Img from "./images/1.png"】；2、直接获取图片，代码为【<img src={require("./images/1.png")}alt=""/>】。

本教程操作环境：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中图片如何引用的详细内容，更多请关注php中文网其它相关文章！