引用本地图片

导入图片路径

import Img from './images/1.png'
<img src={Img} alt='' />

直接获取图片

<img src={require("./images/1.png")} alt="">

导入背景图

css 中用正常 css 语法

.img {
  background: url('./images/1.png') 0 0 no-repeat;
}

组件中操作 style 属性

style={{background: `url(${require("./images/1.png")})`}}

react 项目中引入图片的几种方式
引用本地图片导入图片路径直接获取图片导入背景图 css 中用正常 css 语法组件中操作 style 属性
react需要使用图片过多的情况
在react项目中引入图片需要通过import 方式引入，这意味着如果引入较多的图片，往往会比较繁杂如果需要引入...
react img标签引入图片的几种方式
react src里面引入图片的几种方式es6不支持在标签内直接写图片的路径，即（1）import 方法：（...
react中 img标签引入图片的2种方式
react src里面引入图片的几种方式es6不支持在标签内直接写图片的路径，即不能这样使用（1）import...
Vue引入图片的几种方式
情况1：图片在/public目录下把图片放到与index.html同级的目录下方式1 因为vue编译后会生成i...
React-native图片组件以及无法显示图片问题总结
首先，总结一下React-native的Image组件的使用方法. Image组件的引入图片提供了下面这几种类型：...
react-native image 设置默认图片
Image组件的引入图片提供了下面这几种类型：静态图片资源，网络图片资源静态资源引用方式：网络图片资源默认图...
react 引入图片
react 中引入图片不能像 HTML 或 vue 中，直接在 src 写路径，而是需要 import 引入，或者...
常用API
React React 是 React 库的顶层 API，可以使用以下几个方式引入使用 script 标签引入的...
React 生成标签的几种方式
react 生成标签的几种方式