自定义react组件:Img,图片获取失败时能显示指定的默认图片
发布时间:2020-12-15 07:12:33 所属栏目:百科 来源:网络整理
导读:自定义react组件,Img,图片获取失败时能显示指定的默认图片。 import React from 'react';import ReactDOM from 'react-dom';/** * 图片加载失败就显示默认图片 */class Img extends React.Component { constructor(props) { super(props); this.state = {
自定义react组件,Img,图片获取失败时能显示指定的默认图片。 import React from 'react'; import ReactDOM from 'react-dom'; /** * 图片加载失败就显示默认图片 */ class Img extends React.Component { constructor(props) { super(props); this.state = { imageUrl: this.props.imageUrl }; } handleImageLoaded() { } handleImageErrored() { this.setState({ imageUrl: this.props.defaultImg }); } render() { return ( <img style={this.props.style} src={this.state.imageUrl} onLoad={this.handleImageLoaded.bind(this)} onError={this.handleImageErrored.bind(this)} /> ); } } export default Img; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |