React ImgWithFallBack

imgWithFallBack.jsx

class ImgWithFallBack extends Component {
  constructor() {
    super();

    this.state = { displayCallBack: false };
  }

  onError() {
    this.setState({ displayCallBack: true });
  }

  componentWillReceiveProps() {
    this.setState({ displayCallBack: false });
  }

  render() {
    const { src, FallbackComponent } = this.props;
    const { displayCallBack } = this.state;

    return (
      <div>
        { (displayCallBack || !src) ? 
          <FallbackComponent /> : <img src={src} onError={this.onError} />
        }
      </div>
    );
  }
}