Fetcher.jsx

import React from "react";
import axios from "axios";

class Fetcher extends React.Component {
  state = {
    fetching: false,
    data: []
  };

  componentDidMount = () => {
    const { url } = this.props;
    this.setState({ fetching: true });
    axios.get(url).then(response => {
      this.setState({ data: response.data, fetching: false });
    });
  };

  render = () => {
    const { props } = this;
    return React.cloneElement(props.children, this.state);
  };
}

export default Fetcher;