Countries.jsx

import React from "react";
import Fetcher from "./Fetcher";

const Table = props => {
  return (
    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Poulation</th>
        </tr>
      </thead>
      <tbody>
        {props.data.map(country => {
          return (
            <tr key={country.name}>
              <td>{country.name}</td>
              <td>{country.population}</td>
            </tr>
          );
        })}
      </tbody>
    </table>
  );
};

const Countries = () => {
  return (
    <Fetcher url="https://restcountries.eu/rest/v2/all">
      <Table />
    </Fetcher>
  );
};

export default Countries;