import React from 'react';

// 模拟请求
const requestHttp = () => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(true);
    }, 3000);
  }).then(data => {
    return data;
  });
}

const widthLoading = (Component) => {
  return class extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        data: false
      }
    }
    componentDidMount() {
      requestHttp().then(res => {
        this.setState({
          data: res
        });
      })
    }
    render() {
      return this.state.data ? 
	      <Component {...this.props} data={this.state.data} /> 
	      : 
	      <div>loading</div>
    }
  }
}

export default widthLoading;