码迷,mamicode.com
首页 > 其他好文 > 详细

【react】页面中引用本地图片

时间:2018-12-01 23:33:50      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:red   jpg   hello   ack   size   round   func   react   html   

方法一:

<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】页面中引用本地图片

标签:red   jpg   hello   ack   size   round   func   react   html   

原文地址:https://www.cnblogs.com/liAnran/p/10051266.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!