React Js img 图片显示默认 占位符
来源:互联网 发布:江苏扬州淘宝店 编辑:程序博客网 时间:2024/05/01 23:05
本问出自:
http://blog.csdn.net/wyk304443164
没有考虑到兼容性,因为我们暂时只适配了webkit。
也没有考虑到懒加载,因为项目比较紧有需要加的朋友看react-lazyload,也比较简单,现成的轮子
/** * Created by wuyakun on 2017/8/11. * 会显示默认图片的image */import React from 'react';class DefaultImage extends React.Component { constructor(props) { super(props); this.state = { src: this.props.src ? this.props.src : '', } } handleImageLoaded() { //加载完毕 } handleImageErrored() { //加载失败 this.setState({ src: require('../../images/default.jpg') }); } render() { let props = this.props; let {src} = this.state; return ( <img {...props} src={src} onLoad={this.handleImageLoaded.bind(this)} onError={this.handleImageErrored.bind(this)} /> ); }}export default DefaultImage;
阅读全文
0 0
- React Js img 图片显示默认 占位符
- js处理img标签加载图片失败,显示默认图片
- JS处理img标签加载图片失败,显示默认图片
- img标签,图片占位
- <img>标签链接失效显示默认图片
- js显示默认图片
- 当img没有图片时候,显示默认图片代码
- 各浏览器img默认占位大小
- html img 加载错误时显示默认图片
- html图片占位符插件holder.js
- img 标签 圆角显示及没有图片时显示默认图片
- ie8.0 显示本地图片 js处理 img.src
- JS img error 对未显示的图片进行操作
- img图片不存在时设置默认图片
- 使用jquery给加载失败的img元素显示默认图片
- holder.js生成占位图片
- 占位图片生成器:holder.js
- holder.js占位图片生成器
- linux打包压缩命令
- a标签的各个伪类书写顺序
- 绘制二维障碍栅格地图的一种方法2(全局地图的绘制)
- LINQ系列:LINQ to DataSet的DataTable操作
- 什么是反向代理?正向代理
- React Js img 图片显示默认 占位符
- 调整InnoDB系统表空间大小
- 小论文图片格式设置
- 有一种爱叫成全
- Android开发学习(10)WebView访问网页
- android 常用 开源控件
- 深度神经网络及TensorFlow实现1-激活函数(Activation Function)
- Java单元测试(Junit+Mock+代码覆盖率)
- sql嵌套查询时避免报错的方式