CountriesContainer1 react-tips

CountriesContainer.js

import React, { useState, useEffect } from "react";
import CountryCard from "./CountryCard";
import "./CountriesContainer.css";

const CountriesContainer = () => {
  const [countries, setCountries] = useState([]);

  return (
    <div className="countries-container">
      {countries.map(country => {
        return <CountryCard key={country.numericCode} country={country} />;
      })}
    </div>
  );
};

export default CountriesContainer;