Rumah  >  Artikel  >  hujung hadapan web  >  react中图片如何引用

react中图片如何引用

coldplay.xixi
coldplay.xixiasal
2020-12-11 11:58:153581semak imbas

react中图片引用的方法:1、导入图片路径,代码为【import Img from "./images/1.png"】;2、直接获取图片,代码为【e5e1a12c3b10cad7557956de7f875b69】。

react中图片如何引用

本教程操作环境: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视频教程

Atas ialah kandungan terperinci react中图片如何引用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:jquery库是什么意思Artikel seterusnya:jquery怎么操作json