JSFiddle - React, Tailwind, and code Playground

JavaScript

var pingFeed = [{
    "header": "Get Drinks?",
    "picture": "images/joe.jpg",
    "location": "Tartine's, SF",
    "time": "Tomorrow Night",
    "name": "Joe Shmoe",
    "pid" : "123441121",
    "description" : "Let's drop some bills, yal!",
    "comments": [
    {
        "author": "Joe S.",
        "text": "I'm Thirsty"
    },
    {
        "author": "Adder K.",
        "text": "Uber Narfle"
    },
    {
        "author": "Sargon G.",
        "text": "taeber"
    },
    {
        "author": "Randy T.",
        "text": "Powdered Sugar"
    },
    {
        "author": "Salvatore D.",
        "text": "Chocolate with Sprinkles"
    },
    {
        "author": "Jeff T.",
        "type": "Chocolate"
    },
    {
        "author": "Chris M.",
        "text": "Maple"
    }
],
"joined" : false,
"participants": [
    "Salvatore G.",
    "Adder K.",
    "Boutros G."
],
"lat" : 37.25,
"long": 122,
"private": true
}
];

for (var k = 0; k < pingFeed.length ; k++) {
    console.log(pingFeed[k].comments[0]);
    console.log(pingFeed[k].participants[0]);
 }