陣營利用IMG的onerror

Question

我創建了一個Image組件

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

在我看來 使用它，但如果沒有找到圖片。所有圖像組件In view onError

Answer 1

您有onError={this.onError()}即時函數調用。它應該是onError={this.onError.bind(this)}或onError={() => this.onError()}。