我的代码

import React,{ Component } from 'react';
import './App.css';


class App extends Component {
  state = {
    loaded: false,error: false
  }

  onImageLoad = () => {
    this.setState({
      loaded: true
    })
  }

  onImageError = () => {
    this.setState({
      error: true
    });

  }

  render() {
    // let imgSrc = (!error) ? src: fallbackSrc
    return (
     <div>
        <img src= {'https://unsplash.com/photos/wQLAGv4_OYs'} alt={'Wresting Character'} onLoad={() => this.onImageLoad()} onError={require('../src/images/batista.jpg')} />
      </div>
    )
  }
}



export default App;

  

如果URL损坏，我想显示后备图像。现在，显示默认图像，但是如果我更改其URL，页面将引发错误。如果我的链接断开了，如何显示虚拟图像。