resources/js/components/events/List.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3
   4 import Item from './Item';
   5
   6 const List = ({ events }) => <ul className="event-list">
   7         {events.map(event =>
   8                 <Item event={event} key={event.id} />
   9         )}
  10 </ul>;
  11
  12 List.propTypes = {
  13         events: PropTypes.arrayOf(PropTypes.shape({
  14                 id: PropTypes.number,
  15                 name: PropTypes.string,
  16         })),
  17 };
  18
  19 export default List;