Function fetchEnhance

src/higherOrders/Fetch.js:24–152

(ComposedComponent)

}

export const fetchEnhance = (ComposedComponent) => {
  class Fetch extends Component {
    constructor (props) {
      super(props);

      this.state = {
        data: undefined,
        fetchStatus: FETCH_SUCCESS
      }

      this.getSelected = this.getSelected.bind(this)
    }

    componentWillMount () {
      this._isMounted = true;
      let { data, fetch } = this.props;
      if (data) {
        this.handleData(data);
      }
      if (fetch) {
        this.fetchData(fetch);
      }
    }

    componentDidMount () {
      let component = this.component;
      Object.keys(component).forEach((key) => {
        if (!this.hasOwnProperty(key)) {
          let func = component[key];
          if (typeof func === 'function') {
            this[key] = func;
          }
        }
      });
    }

    componentWillReceiveProps (nextProps) {
      if (!deepEqual(this.props.data, nextProps.data)) {
        this.handleData(nextProps.data);
      }
      if (!deepEqual(this.props.fetch, nextProps.fetch)) {
        this.fetchData(nextProps.fetch);
      }
    }

    componentWillUnmount () {
      this._isMounted = false;
    }

    handleData (data) {
      // old dataSource api
      if (typeof data === 'function') {
        this.setState({ data: undefined, fetchStatus: FETCH_PENDING });
        data.then((res) => {
          if (this._isMounted) {
            this.setState({ data: clone(res) });
          }
        })();