怎么在反应页面中引入本地图片

  介绍

这篇文章将为大家详细讲解有关怎么在反应页面中引入本地图片,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

在反应中引入本地图片的两种方式。

方式一,非背景图片引入方式

(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

关于“怎么在反应页面中引入本地图片”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

怎么在反应页面中引入本地图片