A react component example that shows loading while an async action is in progress, an error if the promise is rejected and the true component if everything works out for the best

react-loading-error-async.es6

class ExampleComponent extends React.Component {
  constructor(props) {
    super(props);

    this.state = { error: false };
  }

  componentWillMount() {
    const { asyncAction, id, loading } = this.props;

    if (loading) {
      asyncAction(id).catch(() => (this.setState({ error: true })));
    }
  }

  render() {
    const { loading } = this.props;
    
    if (this.state.error) {
      return (<SomeErrorComponent />);
    }

    if (loading) {
      return (<SomeLoadingComponent />);
    }

    return (<Content />);
  }
}