DefaultImage.js

import React, { Component } from 'react';

export default class DefaultImage extends Component {
  state = {
    error: null
  }

  onError = (error) => {
    this.setState({error});
  }

  getSrc = () => {
    const {error} = this.state;
    const {src, defaultSrc} = this.props;

    if (error || !src) {
      return defaultSrc;
    } else {
      return src;
    }
  }

  render () {
    const {defaultSrc, ...props} = this.props;

    return (
      <img {...props} src={this.getSrc()} onError={this.onError} />
    )
  }
}

DefaultImage.defaultProps = {defaultSrc: '/default.png'};