How to list a Graphapi response with React?

Question

I have been trying for days to create a simple list of the names of the events I receive from a request for Graphapi from Facebook. The object I receive is the following:

How do I make a list of event names only? for example:

John Mayer....
Popload....
Torments...
...

Answer 1

Within that events you have an array of objects, so in your render you can have something like this:

(assuming that events is in the state as this.state.events)

render() {
  const events = this.state.events;
  const eventsItems = events ? events.data.map(
    event => (<p key={event.id}>{event.description}</p>)
  ) : [];
  return (
     <div>
        {events}
     </div>
  );
}