react中图片如何引用
更新时间:2020-12-12 18:54:27 浏览次数:

  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视频教程

推荐图文

鄂ICP备2024040700号-2
武汉砺行体育文化传媒有限公司-版权所有
数据源自网络仅供参考