loadable_0.js

class LoadableContainer extends Component {
  componentDidMount() {
    const { fetchData, data } = this.props
    if (!data) {
      fetchData()
    }
  }

  render() {
    const { children, isFetching, error, fetchData, ...rest } = this.props

    if (isFetching) {
      return <img src="spinner.gif" />
    }

    if (error) {
      return <div>{error}</div>
    }

    const chidlrenWithProps = cloneElement(children, {...rest})
    
    return (<div>{chidlrenWithProps}</div>)
  }
}