您现在的位置:主页 > 发展 >

react中图片如何引用

标签: 日期:2020-12-12 18:54来源:未知作者:admin
react中图片引用的方法:1、导入图片路径,代码为【import Img from ./images/1.png】;2、直接获取图片,代码为【img src={require(./images/1.png)}alt=/】。 本教程操作环境:windows7系统、React17版,该

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

顶一下
(0)
0%
踩一下
(0)
0%
相关文章
共有人强势围观,期待你的评论!评论区
小提示: 本站的评论不需要审核,即发即显,有什么话你就尽管说吧,但不要过激哦,以免遭跨省处理!

验证码:点击我更换图片 匿名评论
最新评论