react页面中引用本地图片的方法
2018-01-19 09:12
1166 查看
方法一:
<img src={require('../img/xx.png')} alt="" />
方法二:
import search from '../img/search.png' import user from '../img/user.png' <img src={search} alt="" /> <img src={user} alt="" />
方法三:
<img src='http://localhost:3000/my-project/src/img/icon1.png' alt="" />
背景图片引用方法
const divStyle = { color: 'red', backgroundImage: 'url(' + imgUrl + ')', // 或者 background: `url${require("1.jpg")}` }; function HelloWorldComponent() { return <div style={divStyle}>Hello World!</div>; }
相关文章推荐
- 【react】页面中引用本地图片
- 【react】页面中引用本地图片
- express无法在页面中无法获取本地图片的解决方法
- react-native json 上传本地图片及网络图片方法
- ES6 React 组件引用本地图片问题
- 待整理。。。blob。。。从页面存图片到数据库或本地的方法
- React Native Android增加本地图片
- Android 异步加载网络图片并缓存到本地 软引用 学习分享
- Java实现base64图片编码数据转换为本地图片的方法
- 移动端页面在ios中不显示图片的解决方法
- 写了一个批量下载页面以及页面引用图片的脚本
- React Native:JS调用Android本地方法
- PHP上传图片到数据库和存储到本地文件夹的方法
- React Router页面传值的三种方法
- c#的aspx页面中引用了用户控件,如何相互调用后台方法
- 没有ID的验证码图片,调用方法将图片保存到本地
- 引用Flickr图片的方法
- js实现点击图片改变页面背景图的方法
- js获取页面引用的css样式表中的属性值方法
- css引用图片的方法