import handler from 'react-handler';
import ArticleList from './ArticleList';
 
class Example extends Component {
  // ...
 
  state = {
    loading: true,
    error: '',
    articles: this.props.articles,
  };
 
  // ...
 
  render() {
    return (
      <Handler
        loading={this.state.loading}
        errorMessage={this.state.error}
        loadingMessage="loading..."
        emptyMessage="0 Articles found"
        checkedProperty={this.state.articles}
      >
        <ArticleList articles={this.state.articles} />
      </Handler>
    );
  }
}

import { LoadingHandler } from 'react-handler';
import ArticleList from './ArticleList';
 
class Example extends Component {
  // ...
 
  state = {
    loading: true,
    articles: this.props.articles,
  };
 
  // ...
 
  render() {
    return (
      <LoadingHandler loading={this.state.loading}>
        <ArticleList articles={this.state.articles} />
      </LoadingHandler>
    );
  }
}

import { ErrorHandler } from 'react-handler';
import ArticleList from './ArticleList';
 
class Example extends Component {
  // ...
 
  state = {
    error: '',
    articles: this.props.articles,
  };
 
  // ...
 
  render() {
    return (
      <ErrorHandler message={this.state.error}>
        <ArticleList articles={this.state.articles} />
      </ErrorHandler>
    );
  }
}

import { EmptyHandler } from 'react-handler';
import ArticleList from './ArticleList';
 
class Example extends Component {
  // ...
 
  state = {
    articles: this.props.articles,
  };
 
  // ...
 
  render() {
    return (
      <EmptyHandler message="0 Articles found." checkedProperty={this.state.articles}>
        <ArticleList articles={this.state.articles} />
      </EmptyHandler>
    );
  }
}

import { EmptyHandler } from 'react-handler';
import ArticleList from './ArticleList';
 
class Example extends Component {
  // ...
 
  state = {
    articles: this.props.articles,
    error: '',
  };
 
  // ...
 
  render() {
    return (
      <ErrorEmptyHandler
        errorMessage={this.state.error}
        emptyMessage="0 Articles found."
        checkedProperty={this.state.articles}
      >
        <ArticleList articles={this.state.articles} />
      </ErrorEmptyHandler>
    );
  }
}