ES6 React 组件引用本地图片问题

Posted guanpingping

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 React 组件引用本地图片问题相关的知识,希望对你有一定的参考价值。

es6不支持在<img />标签内直接写图片的路径,即:

<img src="../../static/banner.png"/>

 

(1)import 方法:

import imgURL from ‘../../static/banner.png‘;
<img src={imgURL } />

(2)require方法

<img src={require(‘../../static/banner.png‘)}/>

以上是关于ES6 React 组件引用本地图片问题的主要内容,如果未能解决你的问题,请参考以下文章

react页面中引用本地图片

React-native 中Image控件@

vue3中引入本地图片

react 本地图片的引入方式

RN之Image

Vue keep-alive本地路由缓存和图片懒加载