2016-04-05 19 views
1

Bir Görüntü bileşeninikullanım img tepki onerror

class Image extends React.Component { 
    render() { 
    return (
     <img src= { this.state.imgUrl } onError ={ this.onError() }/> 
    ); 
    } 
    onError(){ 
     console.log('Image onError'); 
     this.setState(
     { imgUrl: '../default.png' } 
    ); 
    } 
} 

oluşturmak ve bence kullanmak ancak bir görüntü bulunamadı eğer. tüm Görüntü Bileşeni View onError

cevap

1

Anlık işlev çağrısı ile onError={this.onError()} adresiniz vardır. onError={this.onError.bind(this)} veya onError={() => this.onError()} olmalıdır.

+0

Düzenleme için teşekkürler @FakeRainBrigand. Şimdi sözdizimi doğru. – zvona

+0

Teşekkürler işe yarıyor – AhnQiraj