Reagieren Verwendung img onerror

Question

ich eine Bildkomponente

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' } 
    ); 
    } 
} 

und verwenden Sie es meiner Ansicht nach aber wenn ein Bild nicht gefunden. alle Bildkomponenten in Sicht onError

Answer 1

Sie haben onError={this.onError()} mit sofortigem Funktionsaufruf. Es sollte entweder oder onError={() => this.onError()} sein.