介绍
这篇文章将为大家详细讲解有关怎么在反应页面中引入本地图片,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
在反应中引入本地图片的两种方式。
方式一,非背景图片引入方式
(1) -直接在img标签内部src中使用
& lt; img src=https://www.yisu.com/zixun/{要求(“图片路径”)}/>
(2)进口导入
import imgSrc 得到& # 39;图片路径& # 39; & lt; img  src=https://www.yisu.com/zixun/{imgSrc}/>
方式二,图片作为背景引入
(1)渲染()方法内定义为对象
const bgGround { ,,,显示:,& # 39;inline-block& # 39; ,,,身高:,& # 39;40 px # 39; ,,,宽度:,& # 39;40 px # 39; ,,,背景:,“url(${要求(“图片路径“)})” }//,在返回中使用 & lt; span 风格={bgGround}祝辞xxxxx
(2)进口引入
import imgUrl 得到& # 39;图片路径& # 39;//,渲染()中定义为对象 const bgGround =, { ,,,显示:,& # 39;inline-block& # 39; ,,,身高:,& # 39;40 px # 39; ,,,宽度:,& # 39;40 px # 39; ,,,backgroundImage:, & # 39; url (& # 39;, +, imgUrl +, & # 39;) & # 39;}//在返回中使用 & lt; span 风格={bgGround}祝辞xxxxx
关于“怎么在反应页面中引入本地图片”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。