React Fetch Render Props Example

FetchAPI.js

class APIFetch extends Component {
    constructor(props){
      super(props)
      this.state = {
        data: null,
        isError: false,
        isFetching: true
      }
    }
  
    async componentWillMount(){
      const header = this.props.optionalHeader?this.props.optionalHeader:null
      await fetch(this.props.fetchPath, header)
        .then(response => response.json())
        .then(data => this.setState({data: data}))
        .catch((err) => this.setState({isError: err}))
    }
  
    render() {
      return this.props.render(this.state)
    }
  }