react页面中引用本地图片
Posted lianran
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react页面中引用本地图片相关的知识，希望对你有一定的参考价值。
方法一：
<img src={require(‘../img/icon1.png‘)} />
方法二：
import search from ‘../img/search.png‘
import user from ‘../img/user.png‘
<img src={search} />
<img src={user} />
方法三：（不推荐使用）
<img src=‘http://localhost:3000/my-project/src/img/icon1.png‘ />
背景图片引用方法：
const divStyle = {
color: ‘red‘,
backgroundImage: ‘url(‘ + imgUrl + ‘)‘,
// 或者 background: `url${require("1.jpg")}`
};
function HelloWorldComponent() {
return <div style={divStyle}>Hello World!</div>;
}
以上是关于react页面中引用本地图片的主要内容，如果未能解决你的问题，请参考以下文章