title: Access array inside of object [React] javascript
body: <p>Cant seem to get this to work:</p>
  
  <p>just want to show each note item on its own line</p>
  
  <pre><code>function EventsTimeline() {
    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',
      }
    ];
    let eventPositionCount = -1;
    let eventPositionClass,
      eventDescription = null;
    const eventElements = timelineEvents.map((event, i) =&gt; {
  
        eventPositionCount++;
        eventPositionClass = eventPositionCount % 2 === 0 ? 'even' : 'odd';
  
         if (event.note[0].length !== 1 ) {
  
  
          for (i = 0; i &lt; event.note.length; i++) { 
              const a = event.note[i]
  
            eventDescription = &lt;p className="txt-s"&gt;{a}&lt;/p&gt;;
          }
  
  
  
        } else {
          eventDescription = &lt;p className="txt-s"&gt;{event.note}&lt;/p&gt;;
        }
  </code></pre>
  
  <p>Ive tried many different ways but nothing works.. what am i doing wrong? Currently I can't even get it to recognize the note or date associated with the array</p>
  
  <pre><code>    if (Array.isArray(event.note) == true ){
  
          const a = event.note
  
          a.map(function(item) {
           eventDescription = {item}
  
          })
  } else {
  
  eventDescription = &lt;p className="txt-s"&gt;{event.note}&lt;/p&gt;;
  
  }
  </code></pre>
  
  <p>the expected output is just a list.. 
  September
   <li>Hurrican Harvey ..etc</li> 
   <li>dfdfdfff</li></p>