JSFiddle - React, Tailwind, and code Playground

by jasonday

HTML

<div id="storeList"></div>

<div id="otherDataDiv"></div>

CSS

a {display:block;}
ul {width: 33%; float:left;}

JavaScript

var object = {
   "storeList":{
      "state":[
         {
            "stateName":"Maine",
            "store":[
               {
                  "storeName":"Store1",
                  "storeID":"store1",
                  "storeURL":"http:\/\/www.store.com",
                   "otherData":"my other data"
               },
               {
                  "storeName":"Store2",
                  "storeID":"store2",
                  "storeURL":"http:\/\/www.store.com",
                   "otherData":"my other data"
               },
               {
                  "storeName":"Home Store",
                  "storeID":"store3",
                  "storeURL":"http:\/\/www.store.com",
                   "otherData":"my other data"
               }
            ]
         },
         {
            "stateName":"Connecticut",
            "store":[
               {
                  "storeName":"Windsor",
                  "storeID":"store4",
                  "storeURL":"http:\/\/www.store.com",
                   "otherData":"my other data"
               }
            ]
         },
        {
            "stateName":"Illinois",
            "store":[
               {
                  "storeName":"Skokie",
                  "storeID":"store5",
                  "storeURL":"http:\/\/www.store.com",
                   "otherData":"my other data"
               },
               {
                  "storeName":"South Barrington",
                  "storeID":"store6",
                  "storeURL":"http:\/\/www.store.com",
                   "otherData":"my other data"
               }
            ]
         },
         {
            "stateName":"Maryland",
            "store":[
               {
                  "storeName":"Columbia",
                  "storeID":"store7",
                  "storeURL":"http:\/\/www.store.com",
                   "otherData":"my other data"
               }
            ]
         },
         {
            "stateName":"Massachusetts",
...