React container component

containerComponentExample.js

class TodoContainer extends Component {
  componentDidMount() {
    this.setState({ isLoding: true });
    fetch('/todos.json').then(
      todos => {
        this.setState({
          error: null,
          todos,
          isLoding: false
        });
      },
      error => this.setState({ error })
    );
  }
  render() {
    return <Todo {...this.state} />
  }
}

class Todo extends Component {
  render() {
    const { error, isLoding, todos } = this.props;
    if(error) {
      return <ErrorPage />;
    }
    if(isLoding) {
      return <Spinner />;
    }
    if(!todos.length) {
      return <EmptyResult />;
    }
    const lists = todos.map(todo => {
      return <TodoItem {...todo} />;
    });
    return <ul> {lists} </ul>;
  }
}