React map example

EventsTimeline.js

import React from 'react'

const timelineEvents = [
  {
    date: 'January',
    note: 'Words words words',
  },
  {
    date: 'March',
    note: 'Scaling open maps for Jakarta flooding — and printed maps',
  },
  {
    date: 'August',
    note: 'more stuff ',
  },
  {
    date: 'September',
    note: ['Hurricane Harvey recovery maps', 'dfdfdfff'],
  },
  {
    date: 'October',
    note: 'Resdfsdfd dgdgdg',
  },
  {
    date: 'November',
    note: 'omus omus mos',
  },
  {
    date: 'December',
    note: 'rrrrrrs',
  },
]

function EventsTimeline() {
  const eventDescriptionElements = timelineEvents.map((event, i) => {
    return (
      // key is required to silence the react warning
      <p key={i} className="txt-s">
        {event.note}
      </p>
    )
  })
  return <div>{eventDescriptionElements}</div>
}

export default EventsTimeline