JSFiddle - React, Tailwind, and code Playground

by Brock Whittaker

JavaScript

flightData = {
    "kind": "qpxExpress#tripsSearch",
    "trips": {
        "kind": "qpxexpress#tripOptions",
        "requestId": "oodrE4a38bRbGN8Dv0LZQW",
        "data": {
            "kind": "qpxexpress#data",
            "airport": [{
                "kind": "qpxexpress#airportData",
                "code": "DEN",
                "city": "DEN",
                "name": "Denver International"
            }, {
                "kind": "qpxexpress#airportData",
                "code": "EWR",
                "city": "EWR",
                "name": "Newark Liberty International"
            }, {
                "kind": "qpxexpress#airportData",
                "code": "FRA",
                "city": "FRA",
                "name": "Frankfurt International"
            }, {
                "kind": "qpxexpress#airportData",
                "code": "IAH",
                "city": "HOU",
                "name": "Houston George Bush Intercntl"
            }, {
                "kind": "qpxexpress#airportData",
                "code": "PHX",
                "city": "PHX",
                "name": "Phoenix Sky Harbor Int'l"
            }, {
                "kind": "qpxexpress#airportData",
                "code": "YYZ",
                "city": "YTO",
                "name": "Toronto Lester B Pearson"
            }],
            "city": [{
                "kind": "qpxexpress#cityData",
                "code": "DEN",
                "name": "Denver"
            }, {
                "kind": "qpxexpress#cityData",
                "code": "EWR",
                "name": "Newark"
            }, {
                "kind": "qpxexpress#cityData",
                "code": "FRA",
                "name": "Frankfurt"
            }, {
                "kind": "qpxexpress#cityData",
                "code": "HOU",
                "name": "Houston"
            }, {
                "kind": "qpxexpress#cityData",
                "code": "PHX",
                "name": "Phoenix"
            }, {
      ...