React Fetch Component

Fetch.js

import React, { Component, PropTypes } from 'react'
//import styles from './style.css'

class ComponentName extends Component {
  // static defaultProps = {}

  static propTypes = {
    promises: PropTypes.array.isRequired,
    children: PropTypes.func.isRequired,
  }

  state = {
    error: null,
    fetching: true,
    data: null,
  }

  // shouldComponentUpdate(nextProps, nextState) {}

  componentDidMount() {
    const { promises } = this.props

    Promise.all(promises)
      .then(result => {
        if (this.willUnmout) return
        this.setState({
          fetching: false,
          data: result,
        })
      })
      .catch(e => {
        if (this.willUnmout) return
        this.setState({fetching: false, error: e})
      })
  }

  componentWillUnmount() {
    this.willUnmount = true
  }

  render() {
    const {error, fetching, data,} = this.state
    if (fetching) return <div>loading</div>
    else if (data) return this.props.children(data)
    else return <div>{error.toString()}</div>
  }
}

export default ComponentName