cards.js

import React from 'react';
import { useGlobal } from 'reactn';
import Card from './Card'

const Cards = () => {
  const [cards, setCards] = useGlobal('cards');
  return (
    <div>
      {cards.map(card => (
        <Card key={card} card={card} />))}
    </div>
  );
};

export default Cards;